blog- userInitial

page.tsx

import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { setUserData } from "@/redux/features/userSlice";
const UserInitial = () => {
  const userData = useSelector(setUserData);
  const [user, setUser] = useState(null);
  useEffect(() => {
    setUser(userData.payload.user.userData.username);
  }, []);
  return (
    <div className="bg-bgBlue px-4 py-2 rounded-full text-white">
      {user === null ? "--Login--" : `${user}`}
    </div>
  );
};

export default UserInitial;