next.js13 Questions
3
I recently upgraded to the latest versions of React and Next.js and am getting the following error:
Warning: React does not recognize the `fetchPriority` prop on a DOM element. If you intentionally...
5
I really can't figure out what Next.js have for plan to make cookies work in client components. The current docs they have for cookies is not compatible with client components.
In server components...
7
I am using next js 13 route handler to get a login form data . I think I should be able to get it using formData method but it returns an empty object.
My login page in app/login/page.jsx:
export d...
2
Solved
In Next.js, I'm facing an issue where when I click on a link to open a new page, the new page opens at the same scroll position as the previous page. For example, if I'm on a product listing page a...
Stockwell asked 7/6, 2023 at 5:57
6
I am using new app directory in next js 13 and when using bootstrap dropdown only the UI is working, js features of bootstrap are not working in it.
I tried importing js file in layout.tsx but it t...
Louls asked 24/4, 2023 at 7:6
1
I'm trying to implement Supabase Auth in a Next JS project
Now I'm encounter the following error which keeps repeating when I npm run dev:
[AuthApiError: Invalid Refresh Token: Already Used]{
__is...
3
Solved
I'm using NextAuth version 4.22.1 with Next.js version 13.4.
I'm getting this error 'MISSING_NEXTAUTH_API_ROUTE_ERROR'. My auth provider is Auth0.
I've followed all of the steps required as mentio...
7
I have this nextjs app where i'm trying to setup my authentication/authorization system, it's pretty simple, i have a refresh token (long duration) which i store in a httpOnly cookie, and i have al...
Glidden asked 31/10, 2023 at 13:57
9
My NextJS 13 app isn't building and is returning a type error but it is completely working on development environment
the type error is shown in this file
import NextAuth, { AuthOptions } from &quo...
Eboni asked 21/5, 2023 at 6:4
4
Hi I am struggling to find out how to call a toast after a successful data mutation using server actions in Nextjs 13. The toast is a client component since it uses a hook/context.
How would I go a...
Aerodynamics asked 2/6, 2023 at 22:57
6
Using next.js 13.1.1 with /app
I've been doing all of my styles through a global.css up until now, but I'm trying to migrate them into CSS Modules.
In my root layout.js, I have a Header component t...
Sparhawk asked 30/12, 2022 at 21:15
4
I am building an application to showcase the usage of the Suspense in Nextjs 13. But the Suspense fallback is not showing while loading.
Here is the page.js
import React, { Suspense } from "re...
Amino asked 6/4, 2023 at 7:55
2
Solved
I am using route handlers.
I have a route such as app/blog/rss.xml/route.ts:
import { getBlogPosts } from '@/routines/getBlogPosts.ts';
import Rss from 'rss';
const SITE_URL = 'https://ray.run';
...
0
The Setup
My next.js site using the app router talks to my Django backend, which treats Clerk as the source of truth for users. It does this in part by creating a user when being passed a valid JWT...
11
I've got an error while do migration to next 13 on my old project written in next 12.
Console Error Log
I can't find fault in my code for that errors.
And I googled it but i can't find any solution...
Aeolian asked 21/11, 2022 at 8:3
3
I'm working on a Next.js project and trying to implement multiple middleware in my application. While I've found examples of using a single middleware in Next.js using the next-connect package, I p...
Immerge asked 3/7, 2023 at 9:10
3
I am trying to to create an app using NextJS 13.4.7 and am using useMediaQuery hook to detect if the view is mobile or not. My component is not a server component, but I keep getting client-only ho...
3
Solved
Suddenly my Node environments start not to install packages and they are freezing in idealTree:my-app : sill idealTree buildDeps
I tried npm config set registry http://registry.npmjs.org/ --global ...
4
Solved
How do I set a canonical tag in Nextjs 13?
I used to use the <head> tag, but now it seems deprecated and the generateMetadata has no information about the canonical meta tag.
1
How would I programmatically sign out a user in Next-Auth on the server side?
Inside /api/auth/[...nextauth].js there is a jwt function:
const callbacks = {
async jwt ({ token, user }) {
// Ho...
6
I followed the antd and nextjs doc to config the project.
Added this code into the ./scripts/genAntdCss.tsx file:
import { extractStyle } from '@ant-design/static-style-extract';
import fs from 'fs...
Gaylenegayler asked 28/3, 2023 at 13:57
4
I have a server component in nextjs. I want to send a request to API to get data every time this page is loaded. that's why I apply { cache: 'no-store' } to fetch and also
set revalidate to 0, but ...
4
Solved
I wrote a component that looks like this:
'use client'
export const HorizontalModule = (props: any) => {
...
return (
{scrollPosition >= 0 && (
<FirstModule />
)}
{scro...
1
I have all my projects in an external HD in a Mac Studio M1. I don't have any issues running any of my projects. Just recently I found out that the flag --experimental-https doesn't create a certif...
4
I will be very brief:
I recently switched to Nextjs 13 and I noticed it's insanely slow when I run my app on localhost via npm run dev
Pages even take 10 seconds and sometimes even longer to load,...
© 2022 - 2024 — McMap. All rights reserved.