Recientemente pude implementar Stytch en una aplicación basada en React. La implementación es bastante simple y directa. Sin embargo, cometí un error que se convirtió en un gran obstáculo para mí.

Intenté buscar en Google para encontrar una solución, si no encuentro algo similar para poder depurarme, pero desafortunadamente no encontré ninguna. Y la gran sorpresa si el enlace de repositorio Stytch GitHub proporcionado en NPM también es inválido.

El problema al que me enfrento es que dice:

 Stytch has not been loaded. Make sure the script tag exists in the document head: <script src="https://js.stytch.com/stytch.js"></script> If using Next.js be sure to load Stytch using the beforeInteractive strategy in pages/_app.jsx: import Script from 'next/script'; <Script src="https://js.stytch.com/stytch.js" strategy="beforeInteractive" />

Estoy siguiendo el documento de Stytch aquí: https://stytch.com/docs/sdks/javascript-sdk/email-magic-links/methods

Y creó una aplicación de muestra aquí: https://codesandbox.io/s/react-stytch-login-auth-xmf5r4