Merge pull request #11365 from Drakeoon/chore/update-auth-helpers-snippet

docs: improve Fetcher snippet
This commit is contained in:
Alaister Young authored and GitHub committed 2022-12-31 03:38:35 +11:00
commit dbc83bf969
1 file changed
+4 -2
@@ -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 < Database > (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',