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.…
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…