Estoy tratando de configurar la API de Google en un proyecto en el que estoy trabajando y parece que arroja un error al ejecutar la aplicación. A continuación se muestran los pasos para reproducir el error:

1. Etiqueta de secuencia de comandos copiada y pegada proporcionada por Google.

    <script async defer src="https://apis.google.com/js/api.js" onload="this.onload=function(){};loadClient()" onreadystatechange="if (this.readyState === 'complete') this.onload()"> </script>

2. Pegué el script en mi archivo _app.js como se muestra a continuación

 import "./styles.css"; import Script from "next/script"; import { SessionProvider } from "next-auth/react"; import Layout from "../components/layout"; export default function App({ Component, pageProps: { session, ...pageProps } }) { return ( <SessionProvider session={session} refetchInterval={5 * 60}> <Layout> <Component {...pageProps} /> <Script async defer src="https://apis.google.com/js/api.js" onload="this.onload=function(){};loadClient()" onreadystatechange="if (this.readyState === 'complete') this.onload()" /> </Layout> </SessionProvider> ); }

3. Ejecuté el código y obtuve ReferenceError: loadClient is not defined

No pensé que tendría que "definir" loadClient ya que es parte del script de Google provisto. Todos los consejos para resolver este problema son muy apreciados.