I'm trying to export my project to static HTML pages and I don't get the CSS styles My configuration in next.config.js ** @type {import('next').NextConfig} */ const nextConfig = { images: { unoptimized: true, }, output: "export", reactStrictMode: false, }; module.exports…
I want the aspect ratio to stay the same, whilst the width is fixed. Please help me automatically modulate the height. I would like to continue to use the Nextjs Image component if possible. const Logo = ({ logo })…
I got an error while building next js application : unhandledrejection typeerror: cannot read properties of undefined (reading '__emotion_real') this happened after I updated the next js and emotion libraries: "@emotion/babel-plugin": "^11.10.6", "@emotion/react": "^11.11.1", "@emotion/styled": "^11.11.0", ✓ Linting and checking…
I have been working on a webapp which can be used to store collections, there is a dashboard page where all the collections the user can see are shown in a table where each row is a collection and the…
I got this error in my code I am using Prisma Next js 14 and typescript I got this error while tyring to load my product details using product ID In bottom screenshot also have this error Failed to compile.…
Unhandled Runtime Error Error: (0 , chakra_ui_react__WEBPACK_IMPORTED_MODULE_2_.useDisclosure) is not a function im importing useDisclosure correctly from chakraUI but it says useDisclosure() not a function here is my code code for a sidebar/drawer component using ChakraUI
I'm currently working on a Next.js 14 app that utilizes NextAuth for authentication and Next-i18n-router for translations. I have followed the documentation for both libraries, but I'm encountering an issue with the middleware configuration. The problem is that the middleware…
In my Next.js module, I have a form declared as follows: <form onSubmit = {() => { async() => await getCertificate(id) .then(async resp => await resp.json()) .then(data => console.log(data)) .catch(err => console.error(err)) console.log("getCertificate completed") }}> Function getCertificate() is defined in…
I got a login page, that I need to redirect after login success to app section and app section that redirects to login if no user is logged. The redirect in AuthGuard component works great: import { PropsWithChildren, ReactNode }…
I'm working on a Next.js project where I want to conditionally render navigation links in the header based on user authentication. I have a NavBar that handles the rendering of links. For authenticated users, I want to display the links…