I'm making a booking form using shadcn/ui in nextjs13. I'm mapping over hairstyles in my postgres db to make selects for the user to choose a hairstyle. I'm getting the error Encountered two children with the same key , 'Coils/Butterfly…
How can I make useEffect have control over the component update? I have this: const [data, setData] = useState([]); useEffect(() => { fetch("/api/data") .then((res) => res.json()) .then((res) => { setData(res.data); }) .catch((err) => console.error(err)); }, []); This brings me the…
I'm about to setup a new project using nextjs using the new app router, I could set redux toolkit up using a provider based on official example in nextjs repository : https://github.com/vercel/next.js/tree/canary/examples/with-redux but the problem is when I add redux-persist:…
'use client' const App = () => { const [isFScreen, setIsFScreen] = useState(false) useEffect(() => { const down = (e: KeyboardEvent) => { if (e.key === "Escape"){ setIsFScreen(false) } } document.addEventListener("keydown", down) }, []) return( <div id="gameScreen"> <span onClick={() =>…
I'm working on a web page that lets users Log In/Sign In and then they are redirected to a user/[id] where the id is a unique identifier they have on the database, the process to getting the user information is…
tl;dr Next.js 13's /app router's layout and page routing changes how we add content to the <head>. How can I add a schema script to each page? Next.js will automatically compile <head> tags placed in any layout or page into…
Is there any way to write inline css in string rather than object format? I tried this but it obviously didn't work: <div style={"color:red;font-weight:bold"}> Hello there </div> Why am I doing this? I usually write some inline css first and…
I have lms(learning management system) project using react and next js. I'm going to create a js file named apiFunctions and put all API caller function(using axios) in it and call these function each page I need and pass as…
I have a problem: i want to show on the table just the "nameProcesso and "id" that has in the file json the attribute "errore = true". I did the data fetch and now i can't put the condition inside…
new to nextjs (and react), i am trying to change the state of component from outside of component, basically i am conditionally rendering html in component, and i have one button in component which calls a function, and set the…