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…
I'm encountering an issue with fetching data from my database in a production environment. The code works perfectly fine on localhost, but when deployed to production, it fails to retrieve updated data. Here's the relevant code snippet: import {connect} from…
Upon successfull sign in using custom credentials provider in the NextAuth.Js v5, obtaining the access_token to make further API calls is unsuccessful. Only a subset of the token is returned, apparently for increased security. But without the access_token, how am…
I am having the problem hereafter within a nextJS app that I created on Firebase. I have some data stored in a realtime DB and I want to make a component to read it. This is my firebase/config.js : import…
Click to view the error message This is my componentsPromptCard.jsx code :- "use client"; import { useState } from "react"; import Image from "next/image"; import { useSession } from "next-auth/react"; import { usePathname, useRouter } from "next/navigation"; const PromptCard =…