This is the useEffect code in the React component. import { useSession } from '@supabase/auth-helpers-react' const session = useSession() useEffect(() => { if (session) { console.debug('stay in page') } else { console.debug('goto login') router.push('/login').then( () => { console.debug('goto login done')…
So the problem is all the Lottie animations will load on my local host server, but once the web app is deployed the animation doesnt load and some error comes into the console. The animation files are .json file .…
I have a useState in nextjs that has values like this: const [sampleData, setSampleData] = useState({ value1: '' value2: '' value3: [] }); If I want to update the state of value1 for instance while keeping the rest of the…
So I just started using the NextPage type provided by Next.js while writing components because I was explained it's a very good practice, but it works only on client side components. In other words this server component throws an error…
React server components make us use the "use client" directive on top of files. This basically breaks react components library (like ReactBootstrap and PrimeReact) and makes us create wrapper files just to add "use client" in each module exported by…
This was the way to do it using Pages Router import { useRouter } from "next/router"; import React from "react"; function ShowroomListings({}) { const router = useRouter(); const { listingId } = router.query as { listingId: string }; return <div>This…
Im new to js and React and have been trying to create a personal website. I have been struggling for hours simply trying to create a separate page where I can put my projects and link to it from my…
I have a Next app. I use app folder and Next Auth library. So that each page has access to the session, I wrapped the entire application in a SessionProvider. But since it's useContext under the hood, I had to…
I have a Next.js static export site that I deployed with Docker and Nginx. I am using Cloudflare for DNS and SSL. I can access my site using https://mansourlotfi.ir, but when I try to access https://www.mansourlotfi.ir, I get a "404…
I want to store my user's id and role in my nextAuth session, should I perform a lookup in my database for the user during the authOptions.callbacks? The consensus I've found on Github discussions and in the Docs, is to…