I have a question concerning the display of a list in reactJS (with Next.JS). This is the usual way I display a list, using such code : theList.map((e:MyType) => <div key={e.orderNbr}> <DisplayOneListElement .... /> </div>) The list is then shown…
I got Next.js application with Typescript and I'm trying to make redux work with redux-persist, if the state in slice is same as the initial state, the application works fine, but if it actually have to persist some state I…
I'm working on an e-commerce project using Next.js and Medusa.js, and I'm encountering a "Server Component Error" when I add "use client" to a component. I need this directive for client-side interactivity, such as using useState and useEffect, but the…
Here I am using server component for Search form but to able to empty the input field when user click the cancel button I import a <SearchReset/> which is a client component but i cant reset or empty the form.…
I am using the Stripe Pricing Table, but it flickers into view. How can I stop the flicker and remove the animation? And this is my React page: import { Shell } from '@/components/shells/shell' import { getSessionUser } from '@/lib/db/users'…
I'm learning nextJS 15 and I'm making an app using the pokeAPI but when I run npm run build eslint gives me the following message: Error: 'error' is defined but never used. @typescript-eslint/no-unused-vars The following code is the one producing…
I am very new to NextJS and deploying my first app onto Azure. Although the deployment is successful but I am unable to load the website. I get loads of 404 for JS, CSS and image files. The path of…
I have a button component (in React) that I want to make so that it would position its content centrally while allowing the specification of left or right icons. The content must be positioned in the center relating to the…
I'm working on a Next.js 15 app using the new App Router (app directory) with dynamic route localization. I have a [locale] directory where I handle multiple language routes, and I use the params object to access the locale value.…
I cant seem to figure this out. I am using Next.js, typescript, and chakraUi. When viewing my application through inspect tools, it works exactly as envisioned. When viewing my application through mobile it works as envisioned. But when viewing on…