A component in my NextJS 13 project has two useEffect hooks, one that sets a React Context state array variable called singleRecipe, and another that I would like to set another local state variable called ingredientsArr. The issue arises on…
I was creating a progress bar component with Next.js and tailwind.css and using JavaScript setInterval() function to animate it. Here is the code below: import React, { useState } from "react"; const ProgressBar = () => { // starting at…
I want to make a link active if the pathname matches its href. function Component() { const pathname = usePathname(); return ( <div className="links"> <Link href="/">Home</Link> <Link href="/store" className={`${pathname === this.href && "active"}`} >Store</Link> <Link href="/actors">Actors</Link> </div> )} That's what…
I have a button that submits a form. That submit function runs a post request to my api route and in the api route, I insert a row in my database. I need to redirect the user to / when…
I have a problem knowing the data type of the URL that I WILL res API from it, and I am using a custom hook to make it usable I am using Next.js with typescript this is a useFetch.js (custom…
I have this folder structure: / |- ... |- pages |- info | |- main.tsx |- extra |- main.tsx Both /info/main and /extra/main routes render the same content, including the getServerSideProps. My question is how to implement the logic in…
I am currently having an issue in which users sign up with a different email than that with which they checked out (their data gets stored in our backend by email address). However, I'd rather not block signups outside of…
I am trying to register a user and somehow get the userdata using Axios and JWT with Wordpress. I am following from this issue Below is my code: const signupdata = { username: loginFields.email, email: loginFields.email, password: loginFields.password } axios.post(…
I just started learning React.js, and I'm doing very simple tests in a React project using Next.js. I noticed that console.log() aren't showing up on any browser's console tab, but it's showing on the VS Code terminal instead. That won't…
I couldn't find what is the problem or where should I look. I can send request with postman but my model file gives me this error I have 2 file in my models documment user.js working well but product.js gives…