Unable to get realtime data in local dev

// given `const userId: string = '';`

supaClient.channel(`public:user_profiles:user_id=eq.${userId}`)
  .on(
    "postgres_changes",
    {
      event: "*",
      schema: "public",
      table: "user_profiles",
      filter: `user_id=eq.${userId}`, // <== here?
    },
    (payload) => {
      setUserInfo({ ...userInfo, profile: payload.new as UserProfile });
    }
  )
  .subscribe();