Supabase sign in with magic link not calling onAuthStateChange

I'm using react native and supabase

I call

await supabase.auth.signInWithOtp({
        email: email,
        options: {
          emailRedirectTo: 'myURL',
        },
      })

and this successfully sends the user an email.

the user clicks the email. I can see that the user is created in the supabase dashboard and email is verified

however in my app supabase.auth.onAuthStateChange method is never fired

also upon returning to the app I try and call await supabase.auth.getUser() but I get this:

{"data":{"user":null},"error":{"name":"AuthApiError","message":"invalid claim: missing sub claim","status":401}}

so not sure whats going on. Again the user is created in the supabase dashboard. They click the link in the email, it opens my app. i just get no call back

The solution was to set up deep linking on react native

https://reactnavigation.org/docs/deep-linking/

Then listen for the link opening, parse the link, and manually set the session based on what was parsed

useEffect(() => {
  const handleUrlRedirect = async (url) => {
    console.log('Received URL:', url);
    if (!url) return;
  
    // Extract the part after the '#'
    const fragment = url.split('#')[1];
    if (!fragment) return;
  
    // Convert the fragment into an object
    const params = new URLSearchParams(fragment);
    const access_token = params.get('access_token');
    const refresh_token = params.get('refresh_token');
  
    if (
      typeof access_token !== 'string' ||
      typeof refresh_token !== 'string'
    ) {
      console.log('An Error occurred. Email links are only valid for 1 click. Try requesting another link.')

      return;
    }
  
    try {

      supabase.auth.onAuthStateChange((event, session) => {
        console.log(event, session)
      })

       var data = await supabase.auth.setSession({
        access_token,
        refresh_token,
      });

    } catch (e) {
      console.error(error);
    }
  };

  Linking.getInitialURL().then((url) => {
    handleUrlRedirect(url);
  });

  const subscription = Linking.addEventListener('url', ({ url }) => {
    handleUrlRedirect(url);
  });

  return () => {
    subscription.remove();
  };
}, []);