I am creating a URL shortener as a personal project and I am attempting to make a copy button that when clicked copies the shortened URL with the attached hyperlink. The URL shortening is handled with Formik and Yup, and…
So I am running an if/else statement to check if the input value is the same with the title of the movies but for some reason, even when the title and the value are the same and the loop is…
Complete Error: Attempted to call the default export of /email/contact-form-email.tsx from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to…
I have a NextJS (version 13.2.4) project. Whenever I want to run the app, I execute the following: npm run dev However, there is a requirement that I need to check whether a certain condition is met to allow the…
I'm migrating my Next 12 app to Next 13 and its new /app directory. I have a <LoginPage> component (rendered @ /login) and obviously, it needs to use hooks to manage form data. As such, I have marked it with…
I have a next.js website that get's products from Shopify. It was working well until a couple of months ago when the site stopped building on the development server. When I run the website locally I now get a Cannot…
I have created the following hook to play audio in react: "use client"; import { useEffect, useState } from "react"; export const useAudio = (url: string) => { const = useState<HTMLAudioElement | null>(null); const [playing, setPlaying] = useState(false); const setVolume…
When I add a new movie with the form, I want it to have the category with the id 'all-films' by default. How can i do this? Thanks in advance. Here are the codes: new-film.tsx --> const form = useForm({…
i've trying to upload next project on a cpanel but in there is a error while installing npm packages npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! ERR! Found: [email protected] ERR! node_modules/nextnpm ERR! next@"^13.4.15" from the…
I am building a web app with nextjs. I am having trouble. The sign_up component under the pages directory is not rendered. It is a blank page. I looked up the details in the chrome extension and got this warning.…