I implemented a next-intl for multi-language support. So my paths look like www.next.com/de or www.next.com/en I'm using NextJS 14. <NextLink href="/support-us">{t("About us")}</NextLink> And when I want to navigate to for example /support-us it must navigate me to /en/support-us instead I…
Everytime I try to create a nextjs app, my compiler gives the following message: npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:UsersKongAppDataRoamingnpm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat…
I am getting a type error in <RenderFormFields formFields={formFieldsData} /> that:- Types of property 'type' are incompatible. Type 'string' is not assignable to type '"select"'.ts(2322) RenderFormFields.tsx(17, 3): The expected type comes from property 'formFields' which is declared here on type…
I ran into a problem importing js files (these are libraries). I am using NextJS 14.1.3 and ReactJS 18.2.0. Here is the path to these files Here is the path to these files Project structure Project structure This is the…
src/app/user/.js .js file: import { useRouter } from 'next/router' export default function User() { const router = useRouter() return ( <p> {router.query.username} </p> ); } When i go to "localhost:3000/user/john" user/username url returning 404 not found. I followed the examples…
I have a flask app hosted via AWS ECS which has an amazon generated url so I can't request an SSL certificate for it. I have a next js frontend hosted on vercel that cannot handle insecure requests. What are…
I want to call a function on single click and double click on an video element in react.But when i double click the element it also calling the single click function I want the solution of the problem Here is…
I am using NextJS and I have a route called about(It's contents is displayed via page.js). Inside /about/page.js, I am showing a component called <Hero /> and I want to pass a prop to <Hero heroHeight={'height: 400px'} /> to my…
"use client" import React, { useState } from "react"; import { FaChevronLeft, FaChevronRight } from "react-icons/fa"; export default function HeroSlider() { const images = [ "/images/homepage/home-1.jpeg", "/images/homepage/home-2.jpg", "/images/homepage/home-3.jpg", "/images/homepage/home-4.jpg", "/images/homepage/home-5.jpg", "/images/homepage/home-6.jpg", "/images/homepage/home-7.jpg", ]; const [currentImageIndex, setCurrentImageIndex] = useState(0); const nextImage…
I'm working on a Next.JS 13.5.6 app and am running into an error whenever I connect to the site in development mode. Production mode works if I build and start. The error I get when I connect to the site…