From e76210e4bfd64db28adab96d1c33ec1bcd318fe1 Mon Sep 17 00:00:00 2001 From: Daniel Szczepanik Date: Fri, 30 Dec 2022 14:58:27 +0100 Subject: [PATCH 1/2] chore: remove TypeScript leftovers from JavaScript snippet --- apps/docs/pages/guides/auth/auth-helpers/remix.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/docs/pages/guides/auth/auth-helpers/remix.mdx b/apps/docs/pages/guides/auth/auth-helpers/remix.mdx index 0aa105dd66a..bddceef390d 100644 --- a/apps/docs/pages/guides/auth/auth-helpers/remix.mdx +++ b/apps/docs/pages/guides/auth/auth-helpers/remix.mdx @@ -441,7 +441,7 @@ const { env, session } = useLoaderData() const fetcher = useFetcher() const [supabase] = useState( - () => createBrowserClient < Database > (env.SUPABASE_URL, env.SUPABASE_ANON_KEY) + () => createBrowserClient(env.SUPABASE_URL, env.SUPABASE_ANON_KEY) ) const serverAccessToken = session?.access_token From a804f2cfd632ddaf2a11698054c89fe8d0525d70 Mon Sep 17 00:00:00 2001 From: Daniel Szczepanik Date: Fri, 30 Dec 2022 15:08:20 +0100 Subject: [PATCH 2/2] chore: align JavaScript fetcher snippet contents with TypeScript --- apps/docs/pages/guides/auth/auth-helpers/remix.mdx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/docs/pages/guides/auth/auth-helpers/remix.mdx b/apps/docs/pages/guides/auth/auth-helpers/remix.mdx index bddceef390d..f15596e84a1 100644 --- a/apps/docs/pages/guides/auth/auth-helpers/remix.mdx +++ b/apps/docs/pages/guides/auth/auth-helpers/remix.mdx @@ -440,8 +440,8 @@ And then use a `fetcher` to simulate submitting a form to our action, inside the const { env, session } = useLoaderData() const fetcher = useFetcher() -const [supabase] = useState( - () => createBrowserClient(env.SUPABASE_URL, env.SUPABASE_ANON_KEY) +const [supabase] = useState(() => + createBrowserClient(env.SUPABASE_URL, env.SUPABASE_ANON_KEY) ) const serverAccessToken = session?.access_token @@ -451,6 +451,8 @@ useEffect(() => { data: { subscription }, } = supabase.auth.onAuthStateChange((event, session) => { if (session?.access_token !== serverAccessToken) { + // server and client are out of sync. + // Remix recalls active loaders after actions complete fetcher.submit(null, { method: 'post', action: '/handle-supabase-auth',