if (!loading && !user) {
      //router.push("/login");
    }

const [user, setUser] = useState(null);
  const [loading, setLoading] = useState(true);
  const router = useRouter();
  const isLoggedIn = useLogStore((state) => state.isLoggedIn);

  const fetchUser = useCallback(async () => {
    try {
      if (isLoggedIn) {
        const userData = await getUser();
        setUser(userData);
      } else {
        setUser(null);
      }
    } catch (error) {
      console.error("Failed to fetch user:", error);
    } finally {
      setLoading(false);
    }
  }, [isLoggedIn]);

  useEffect(() => {
    fetchUser();
    if (!loading && !user) {
      //router.push("/login");
    }
  }, [fetchUser, loading, user, router]);

  if (loading) {
    return <SpinnerLoading />;
  }

  console.log(user);

import React from 'react';
import useCachedData from './useCachedData'; // Adjust the import path as necessary

const MyComponent = () => {
  const { data, isLoading, isError } = useCachedData({
    url: 'https://example.com/api/data',
    fetchData: async () => {
      const response = await fetch('https://example.com/api/data');
      if (!response.ok) throw new Error('Network response was not ok');
      return await response.json();
    },
  });

  if (isLoading) return <div>Loading...</div>;
  if (isError) return <div>Error occurred</div>;

  return (
    <ul>
      {data.map(item => (
        <li key={item.id}>{item.title}</li>
      ))}
    </ul>
  );
};
;

import { cookies } from 'next/headers'; // Import the cookies module

export default async function MyPage() {
  // Get the token from the cookie
  const cookieStore = cookies();
  const jwtToken = cookieStore.get('jwt_token');

  // Fetch user data using the token
  const user = await getUserData(jwtToken); // Your data-fetching function

  // Render your component with the fetched data
  return (
    <div>
      {/* Your component content */}
    </div>
  );
}

try {
      const userData = await getUser();
      setUser(userData);
    } catch (error) {
      console.error("Failed to fetch user:", error);
      setUser(null);
    } finally {
      setLoading(false);
    }

useEffect(() => {
    if (!loading) {
      if (!user) {
        return router.push("/login");
      }
    }
  }, [loading, user, router]);

  const [user, setUser] = useState(null);
  const [loading, setLoading] = useState(true);
  const router = useRouter();

  useEffect(() => {
    (async()=>{
      try {
        const userData = await getUser();
        setUser(userData);
        setLoading(false);
      } catch (e) {
        router.push("/login")
      }
    })()
  }, []);

  if (loading) {
    return <SpinnerLoading />;
  }

  console.log(user);