I am working on a Next.js project using TypeScript and for testing I use Jest and React Testing Lib. However, I encounter a SyntaxError: Cannot use import statement outside a module for components where I import rehype-raw. As far as…
I have a Seo component that uses the next/head component. I would like to test this Seo component, but mocking next/head seems to do nothing at all. Am I doing something wrong? import TestRenderer from 'react-test-renderer'; import Seo from '../Seo';…
I'm having this GraphQL query from headless Wordpress in Nexjs via WpGraphQl plugin: export const GET_POSTS_BY_CATEGORY_SLUG = gql` query GET_POSTS_BY_CATEGORY_SLUG( $slug: String, $uri: String, $perPage: Int, $offset: Int ) { ${HeaderFooter} page: pageBy(uri: $uri) { id title content slug uri…
Since upgrading to Next.js 12 I'm getting the following error in the console when I run my Next.js app: WebSocket connection to 'wss://mysite.local/_next/webpack-hmr' failed I've discovered that this is related with Next.js 12 using web sockets for HMR connection (unlike…
I have the following setup, when loading a new page using the nextjs router it does not work as the new page is blank. There seems to be no client-side or iframe-based navigation redirection occurring at all. I have been…
I have created a NextJS application, to connect to the database I use Prisma. When I start the application on my computer everything works. Unfortunately, I get error messages when I try to run the application in a Docker container.…
The problem I have a website developed with NextJS, it is running on a server with Nginx. The website files are inside the public_html folder and running on port 3004, and i have a proxy_pass that redirect the requests to…
I'm trying to convert my Next js project to Docker. The Dockerfile I got from the next js github page worked fine for me and I got a build successfully. # Install dependencies only when needed FROM node:16-alpine AS deps…
I have code for user fetch from the session in _app.tsx. MyApp.getInitialProps = async ({ ctx }: any) => { const { req, res } = ctx; const session = auth0.getSession(req, res) return { user: session?.user } } Problem is,…
So I'm new to Nginx and that's what I think is causing my problem. I have tried changing the origin value in my app.use(cors(corsOptions)) but in the browser console, it says the same error. This makes me believe it's a…