RememberMe.tsx

import React, { useEffect } from 'react';
import useMe from '../hooks/useMe';
import { useUserContext } from '../hooks/useUserContext';

interface Props {}

const RememberMe: React.FC = ({ children }) => {
  const { setProfile } = useUserContext();
  const { data: me } = useMe();

  useEffect(() => {
    if (me) {
      setProfile(me);
    } else {
      setProfile(undefined);
    }
  }, [me, setProfile]);

  return <>{children}</>;
};

export default RememberMe;