All Questions
67
questions
0
votes
0
answers
13
views
React/NextJS After Fetching Can't Get Map function to show
I'm new to React/NextJS and trying to do a simple fetching and whenever I try to use the map function it does not seem to go inside it. I'm not sure what I'm doing wrong, I'm following some tutorials/...
-1
votes
1
answer
40
views
Removing updating Favicon.ico in Nextjs 14+
I'm working on a Next.js 14 project and I'm trying to update the default favicon from my application. I can't seem to update the favicon as it is not accepting any other favicon than the default in ...
0
votes
0
answers
12
views
How to use a completely different layout file for deeply nested child routes in NextJS app router? [duplicate]
Given this app router structure:
app/
- layout.tsx <-- root layout
- page.tsx
- (dashboard)
- layout.tsx <-- dashboard layout including a header and sidebar
- page.tsx
- [...
0
votes
0
answers
23
views
Client component isn't receiving server action response Next.js 14
I'm trying to do error handling in Next.js. I'm using a server action that is passed to a form and invoked when the form is submitted, like this::
Form Component
"use client";
import ...
0
votes
0
answers
21
views
get error in installing next@canary npm error peer react@"19.0.0-rc.0" from [email protected]
I have problem with enable ppr in nextjs 14
i got some error in installing next@canary
i try to install next@canary
npm i next@canary
npm error code ERESOLVE
npm error ERESOLVE unable to resolve ...
0
votes
0
answers
24
views
How to create a different URL for each dashboard page - NextJS 14
NextJS newbie here, so I apologize in advance if this has been asked before. I'm feeling really overwhelmed with all the information I'm finding and I'm not sure how to proceed.
I have a NextJS ...
-1
votes
0
answers
23
views
What's the difference between component as prop or rendered component as prop (see examples below)
Let's say I have a conponent name Child:
const Child =(props) => <div {...props}/>
and a parent component Parent, getting this component as prop named ComponentProp. What is the difference ...
0
votes
0
answers
23
views
Why using both app router bundle size is big when used along with page router?
I have a working application that use Nextjs page router. I got a task to create new landing page, and decided to use app router. But when I create hello world page and build it, the bundle size is ...
0
votes
0
answers
8
views
How to fix the following clappr player error in next js
Browser errorImplementationConsole error
Bug is occured when player component is unmounted. This is implemented on media web-site for streaming format media source. There is no any bug when the player ...
0
votes
0
answers
14
views
Can't use percentage or window to calculate px value in React Swiper
I use NextJS 14, and here is my code
"use client";
import { type ReactNode, useRef } from "react";
import { type Swiper as SwiperType } from "swiper";
import { Swiper } ...
0
votes
1
answer
58
views
how to add text annotations to text notes in a react nextjs 14 (app router) app
I am trying to build an app that allows users to comment on legal judgments. i have judgments and notes in my app. notes are made on the text of judgments. At the moment, when a user selects an area ...
0
votes
0
answers
36
views
Next.js revalidateTag not working as expected with route handler
I'm working on a Next JS application where I need to revalidate tags after a user submits a quest. The revalidateTag seems to not trigger the route handler correctly. Here's the setup:
Also, for all ...
0
votes
0
answers
32
views
Warning: Maximum update depth exceeded. on react-hook-form unregister set state
i've got Maximum update depth exceeded aka "infinite loop" in my react-lifecycle, i've handled it with unmounted but my code still error.
this bellow is my current conditional code using ...
0
votes
0
answers
21
views
How to refresh routes in next js 14 app router?
I am trying to get my nextjs app to refresh routes after a form submits, so that i can update data on the page, without refreshing the browser.
I have these server actions:
'use server';
import { ...
0
votes
0
answers
25
views
Loader is not shown for root path in Next.js 14 app
Implementation
I am currently implementing a web app using Next.js 14. I want to add a loader component which is displayed while the page is being loaded. For this I used the loading.tsx file, just as ...