Real Time Question

useEffect(() => {
    async function loadProfile() {
      const { id, created_at, user_id, username, karma, avatar } =
        await getProfile();
      setProfile({ id, created_at, user_id, username, karma, avatar });
      await client
        .from('*')
        .on('*', async (payload) => {
          const { id, created_at, user_id, username, karma, avatar } = await getProfile();
          setProfile({id, created_at, user_id, username, karma, avatar});
        })
        .subscribe();
    }
    loadProfile();
  }, [profile]);