I have a modal on my page (Next.js) that is triggered clicking a button: <button type='button' onClick={() => setOpen(true)}> The modal: <Modal id='demo' show={isOpen} onClose={() => setOpen(false)} > The modal is hidden by default. And I would like to send…
How can I initialize Firebase with environmental variables in Next.js without encountering a FirebaseError: "Firebase App named '[DEFAULT]' already exists with different options or config (app/duplicate-app)" when I try to use .env.local file variables in my code to define the…
I am working with reactjs and i am using "nextjs" framework, I am fetching "blogs data" using loop, but problem is "i want to change date format of blogs" Here is my current code {user && user.length > 0 &&…
I start my project, and so far so good. npm run start > [email protected] start > next start ready - started server on 0.0.0.0:3000, url: http://localhost:3000 info - Loaded env from /Users/...../market/.env.local warn - You have enabled experimental feature (appDir)…
Can I know the what is the type declaration for images that are imported from public folder in nextjs. I created a file called data in utils folder. Inside data file I imported the images from public folder and created…
I have a NextJS app where I have this form: <form id='roles-form' action='#' onSubmit={handleSubmit}> <ul className='h-56 overflow-y-auto p-3'> {roles.role.map((role) => { return ( <li key={role.roleId}> <div className='flex rounded p-3 hover:bg-gray-100'> <label className='relative inline-flex w-full cursor-pointer items-center'> <input type='checkbox' name='roles' value={role.roleId}…
I'm new to web development. This might be a stupid question, but I can't figure it out after consulting countless pages, so I'm plucking up the courage to ask. I've built the source code with Next.js v13.3, but the image…
In my e-commerce web in Nextjs i am trying to implement add to basket functionality using redux but the error "Cannot read properties of undefined (reading 'items'): export const selectItems = (state) => state.basket.items;" keeps on occuring.Below is my code…
I am trying to create a route that looks like this /property1=value1&property2=value2 and then I need to access the values of property1 and property2. I created a file named [property1]&[property2].js in the root of pages folder. I am trying to…
I have got a problem with a typescript when creating a new Redis instance. I have created an .env.local file with the same names for redis url and token. Following code below import { Redis } from "@upstash/redis"; // @ts-ignore…