Tengo este error cuando trato de extraer existencias de la API de Square.
injectGlobalHook.js:1648 Fetch API cannot load webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js. URL scheme "webpack-internal" is not supported.Estoy convirtiendo mi proyecto React.js en Next.js, así que solo estoy tratando de aprender las diferencias entre los dos.
Inicialmente, saqué los datos con un proxy en mi archivo de config para evitar un CORS Error , pero sabía que por el momento solo era una solución porque necesitaba ocultar API_KEY .
Ahora estoy tratando de llamar a la API de la manera correcta en las opciones de back-end de Next.js con getServerSideProps
export async function getStaticProps() { const allStockObjects = await fetch(requests.fetchAllStock, { method: "GET", headers: headers, }) .then((res) => res.json) .catch((err) => console.log(err)); return { props: { allStockObjects, }, }; } Aquí está mi exportación, pero tengo exactamente la misma exportación en un Componente con una solicitud POST realizada de la misma manera a la misma API de Square y funciona perfectamente bien.
También reviso mis APILogs en mi Panel de Datos Square y la solicitud nunca llega a la API.
No hay mucho en línea sobre este error o la API de Square, así que espero que alguien pueda ayudar.
Este problema es causado por React Devtools, específicamente la configuración Always parse hook names from source (may be slow) ; si lo desactiva cuando no es necesario, evitará el error.
Acabo de encontrarme con un problema similar. Como referencia, estoy tomando el curso de Wes Bos sobre React/ GraphQL. Para superar el problema, cerré la interfaz y luego eliminé la carpeta .next. Luego, vuelva a ejecutar la interfaz para que se genere una nueva carpeta .next. También borré la memoria caché del navegador. Después de eso, el problema desapareció para mí.