I am using mui v5 and trying to get my theme into styled() without success. Setup I have is: - ThemeProvider (@mui/material/styles)` wrapped around app. - theme created using 'createTheme' from @mui/material/styles - theme assigned to theme provider - styled…
I have two parallel routes, one being a server component that displays a list of things and the other being a client component that adds a thing to the list. The server component does a sql (mysql2) query to get…
I am using next-auth credentials in my next project, but It seems that the signIn() from next-auth/react is not working correctly. I still get redirected to admin page no matter if the login info is correct or not. {error: null,…
I just ran into the following error when trying to build my project. Basically, everything works fine (seemingly) in development, but then the following happens: trying to build. next build ▲ Next.js 14.1.0 - Environments: .env ✓ Linting and checking…
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…