I'm developing a web application using Next.js 14.0.4 and React 18.2.0. My goal is to listen for scroll events on the entire page from a client-side component (specifically, a header component), but my scroll event listener does not seem to…
I am importing useRouter from "next/navigation" in a Higher Order Component (HOC). It is throwing the below error/issue: node_modules/next/dist/client/components/app-router.js ReferenceError: location is not defined I'm using app router. The HOC uses by some wrapper components. The component that call uses…
I am creating a global context for my project and I am using typescript. I am new to typescript. I am following the outline as mentioned in the following blog (https://atakansava.medium.com/using-react-context-with-nextjs-288bde71f807). I keep getting this error "Type 'string' is not…
I have a next 14 app that uses Prisma as the ORM and am using a Sqlite db locally for dev testing. I don't want to use an image for MySQL or Mongo or Postgres etc... In trying to use…
Introduction Working on a Next.js 14 app where a user can paste content that he copied from an excel file into a spreadsheet-like component: react-data-grid. When copy-pasting on MacOS and Windows certain inconsistencies screw me over. Let's take a look…
Sorry for poor English, it is my second language. I am using Next.js 14. I want to make a function that checks localStorage item before moving user into a specific page. Else it redirects user to the home page. (Similar…
So i have a websocket server built with python, which is deployed in a EC2 container. Connecting through postman works perfectly, but when connecting via Websocket in React, it throws always this error: WebSocket connection to 'wss://xxx:3500/' failed: with no…
Is there any way to detect whether the user has a front, rear, or both cameras in their device? For example, on a laptop, we normally have just one user camera, and it doesn't have a rear camera. On a…
I am receiving the error: code EUNSUPPORTEDPROTOCOL Unsupported URL Type "workspace:": workspace:* I have updated my node to the latest recommended version. I was able to install the next auth package in the past on a different project. But, I…
I'm facing a permission denied error when running my Next.js application with Docker Compose. The error message I'm encountering is as follows: [+] Running 2/2 ✔ Network nextjs-blog_default Created 0.1s ✔ Container nextjs-blog-web-1 Created 0.1s Attaching to web-1 web-1 |…