Stack Overflow
Stack Overflow

Questions tagged [next.js13]

339 questions
2
votes
1 answer

A version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree

Right after I initialized a Next.js project using the command below, npx create-next-app@latest \ hello \ --typescript \ --no-tailwind \ --eslint \ --app \ --no-src-dir \ --import-alias "@/*" and then I got the following warning when npx run lint $…
user3357926
  • 435
  • 1
  • 4
  • 13
2
votes
1 answer

missing folder from next.js folder structure using create-next-app

I have created next.js basic app using "npx create-next-app appname" command. But many of the folders are missing from the folder structure. For example (api, styles, pages) all these folders are missing. This is the screenshot of create-next-app…
Jayita Deb
  • 21
  • 2
2
votes
1 answer

Next JS 13 App Project is very slow to save file and showing intellisense suggestions in VS Code

I had this issue when developing a project of Next JS 13 app stable version in VS Code. The longer I run my app in dev mode the longer it takes for save, for intellicode to loads suggestions, also for prettier and eslint to auto format. Example…
gidgud
  • 71
  • 1
  • 6
2
votes
1 answer

Next js 13 and tailwind not loading google fonts

I've been using google font in a project but for some reason they are nolonger downloading. I'm getting the error: error - Failed to download `Inter` from Google Fonts. Using fallback font instead. error - Failed to download `Source Serif Pro` from…
Kevin Nyarang'o
  • 113
  • 1
  • 8
2
votes
0 answers

How to send Next-Auth session to an api request when requesting from React Server Component in Next 13

I'm using NextJs 13 beta version that has introduced /app directory. Along with this I'm using Next-Auth for authentication purpose. Basic login and logout functionality is working as expected, also in one of my server component if I do const…
Jawad
  • 103
  • 1
  • 8
2
votes
1 answer

Not Found: NextAuth.js in Next13 App Level Directory

Hi Please anyone can help me? I'm using a package "next": "13.2.4", "next-auth": "^4.20.1", "react": "18.2.0", and I have submit function to register the user async function onSubmit(values: any) { const options = { method: "POST", …
erwin
  • 99
  • 2
  • 9
2
votes
2 answers

Accessing search Params from Layout or Component File in Next.JS 13

I want to access the search params in a Component or in Layout File to get the lang. There is an way to do that? I Read that is impossible to get the searchparams in Layout File, but there is any other way in Next.JS 13? Or other way to get the lang…
Tomás
  • 33
  • 1
  • 6
2
votes
0 answers

Next.js 13 + Styled Components "Warning: Prop className did not match." error - how to migrate from babel to SWC?

When upgrading the Next version from 12 to 13 I got the error "Warning: Prop className did not match." pointing to styled-components. My initial setup was with babel, including babel-plugin-styled-components, but when I stumbled across this thread I…
Matilda Brunemalm
  • 21
  • 2
2
votes
1 answer

Decode Animated WebP using Javascript (React / NextJS)

I'm trying to decode animated WebP images. I'd like to extract the frames composing the animation as well as the delay for each frame. Any idea of how to deal with decoding animated WebP images using JavaScript in a React / NextJS environment? I've…
yondur
  • 41
  • 4
2
votes
2 answers

next.js 13 stuck in fast refresh loop on chrome

I've been following along a tutorial from Papa react on next13 and I'm getting the strangest error. I get to timestamp 06:02 https://www.youtube.com/watch?v=6aP9nyTcd44 after deleting the stock index.js page and I get the fast refresh loop on in…
ire.Ulysses
  • 107
  • 1
  • 4
2
votes
3 answers

In Next.js 13, Why can't I use eventhandler in server component?

In the next.js 13 docs, it says that event handlers cannot be used in server components, but I wonder why. and Why are react hooks not available?
gndy Br
  • 51
  • 2
2
votes
1 answer

How to handle authorization with Next.js 13

Initial situation: I have two server-side cookies (httponly) named accessToken and refreshToken. The payload looks like this: { "user":{ "firstname":"John", "lastname":"Doe", "roles":[ "accounting", …
hantoren
  • 357
  • 2
  • 17
2
votes
1 answer

Receiving a 404 on Production with Next-auth on Next JS 13

It is a next.js13 application that uses next-auth for authentication. It is currently set up with only Azure AD as provider. In development everything works fine, but in production, when I just enter the Landingpage a got a 404 back. When I try to…
Tobi
  • 148
  • 1
  • 10
2
votes
1 answer

Deploying Next.js 13 to Vercel result in 'Error: No Next.js version could be detected in your project.'

Hello Fellow StackOverflow community, I'm a newbie in Next.js 13 development and I've just finished my Next.js 13 app with TypeScript and TailwindCSS. Locally it worked fine, but when trying to deploy to Vercel, with the selected Next.js deployment…
Gregory Buffard
  • 45
  • 6
2
votes
1 answer

Module parse failed: The keyword 'interface' is reserved using turbo repo Next.js 13

I am using Next.js 13 with turbo repo.. can any one solve this problem. all components working fine with previous version on next.js... Module parse failed: The keyword 'interface' is reserved (10:0) You may need an appropriate loader to handle this…
Ahsan Mirza
  • 21
  • 2
1 2 3
…
22 23