Based on the Supabase docs, & Configuration tool, I have setup the following to allow for Apple Sign In on web app:

• Account ID: 10 Characters
• Service ID: com.my.webapp.service - setup to allow for Apple Sign onFirst created new App ID:
  • First Created my appID: com.my.webapp, added domain & SupaBase callback URL
• Generated Service KeyID: 10 Characters, and downloaded the P8 key file
• Entered this into the Credential Generator tool on the link above.
• Pasted that into the dashboard/**/auth/providers section
• Pasted the Service ID from item above into Client ID of dashboard

  async function signInWithApple() {
    setIsLoading(true);
    try {
      const { error } = await supabase.auth.signInWithOAuth({
        provider: 'apple',
        options: {
          redirectTo: `${window.location.origin}/auth/callback`,
        },
      });
      if (error) {
        throw error;
      }
    } catch (error) {
      console.error(error);
      toaster.create({
        title: 'Please try again.',
        description: 'There was an error logging in with Apple.',
        type: 'error',
      });
    } finally {
      setIsLoading(false);
    }
  }

When I try to use this on my web app, it results in error:

invalid_request
Invalid client id or web redirect url.

What am I doing wrong?

Or is this an issue with localhost urls in dev?