I'm trying to re-write a project previously done in React with nextjs. I have a simple page that uses getStaticProps along it with its required ally, getStaticPaths. The issue is that the returned data (object) is available if I console…
I am making a web application using Next.JS and Tailwind for styling. I would like to map over some "accords" for a perfume giving them each variable widths by reading the size property of each accord which is a string.…
So I know that to block Pinterest on my site I need to embed this in my site's header <meta name="pinterest" content="nopin" />, but I'm not sure how to do that in Next 13 using the new exported metadata object…
I have some warning in my code, but I can't found where those happened. How can I find the place of warning? This is my warning in console react_devtools_backend.js:2655 Warning: validateDOMNesting(...): <table> cannot appear as a descendant of <p>. at…
Tried adding {withCredentials: true} but still unable to send cookie to backend return await axios.post(`${API_URL}/posts/category/${id}`, { withCredentials: true }) Cookie
I am using the next.js new functionality to render content using SSR, I am making component async as docs says. So this is my simple page component export default async function Home() { const res = await fetch("http://localhost:3000/api/get-quotes"); const quotes…
This page is generated by getStaticPaths and getStaticProps to have [projectSlug].tsx, The problem is that the <h1>{counter}</h1> is modified when the state changes but the condition is not affected by the change. const [counter, setCounter] = useState(0); <> <h1>{counter}</h1> {counter…
I'm new with react. I'm trying to convert my vanilla js parallax effect in to react but I'm getting this error "TypeError: Cannot set properties of undefined (setting 'top')". Here is my vanilla js script: <script> let text = document.getElementById('text');…
I am trying to use async on page.tsx in nextjs 13 "app" approach and keep gettin this error: Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use…
I am trying to handle an event that fires after every change of an input, which is going to be something like a search suggestion. The problem is that even though the setValue function is called and the input uses…