Category "next.js"

NextJS props shown warning

I've just started to learn Next, have some question. When I'm trying to send props from parent to child and I'm receiveng some error: Type '({ name }: { name: a

Failed to load config "next/babel" to extend from eslintrc.json

When I'm trying to build the Next.Js app then the below error is coming with a successful build. This error is showing when I deploy the app in Vercel. error -

How to add multiple classNames to nextjs elements

I have an unordered list element that looks like this: <ul className={styles["projects-pd-subdetails-list"]}> {detail.subdetails.map((sub) =&

How to install Next.js Tailwind explicitly with .js?

I created a Next.js project and I only have .tsx (TypeScript) as the extension everywhere. I know TypeScript is just extended like Java but I just want .js as t

how to pass data from one page to another page in Next.js?

I am stuck with a problem with passing data from one page to another page in next.js as I am building a basic news application in which I am fetching get reques

type for useRef if used with setInterval, react-typescript

I am doing a simple animation in a next.js app. let flipInterval = useRef(); const startAnimation = () => { flipInterval.current = setInterval(() =>

Can I use React Bootstrap with Next.js?

Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is

NextJS React Prerendering issue with Algolia connectSearchBox

I'm working with Algolia instant search for react, and I'm using a custom SearchBox component which I've written like so: import { connectSearchBox } from "reac

Error: Image Optimization using Next.js default loader is not compatible with `next export`

I got this error when deploying Next.js to Netlify. Error: Image Optimization using Next.js default loader is not compatible with `next export`. Possible solut

How to run nextjs dev server with the config from another project?

I develop a nextjs application. Inside the root folder, I've made landing/pages/ folder and I want to run dev server with those pages using next dev ./landing.

Next js self hosted font flashes on rerenders

I don't know how else to describe it. When hovering a link or opening a popup, basically anything where state changes on something, it appears that my font gets

React, Next.js and Type Script Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'value')

I am developing a multi-page form using antd package to add some style In the main page of the form, I wrote the following code (I imported everything that I ne

Is there any method to overcome the error of hydration UI in next.js while using use-sse?

I am using use-sse (server side rendering hook) in my next.js application but i am getting an error of "There was an error while hydrating. Because the error ha

Module.css not loading styles NEXT js

I'm trying apply module.css to one of my components according to this guide https://nextjs.org/learn/basics/assets-metadata-css/layout-component. /*/components/

How to deploy NextJs Minting App to Netlify without build errors?

I try it now for 3 days to fix what's wrong but nothing works for me can someone help? Netlify Build Log: 6:31:18 PM: Build ready to start 6:31:20 PM: build-ima

Next JS messing up responses for concurrent requests

I have a NextJs app that uses SSR for all pages (so no static pages to worry about caching). Inside App.getInitialProps I get the user-agent to make an educated

next.js export static - S3 - routing fails on page reload

I'm deploying a next.js app as a static export, to an s3 bucket configured for static website hosting. I use next's build and export commands to generate the o

Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it

Stripe Payment is completely work but i got the warning message on the console, "Unsupported prop change on Elements: You cannot change the stripe prop after se

How do I persist my theme to localStorage in NextJs?

I have my theme stored in a stateful function that defaults to false. I then passed a onclick function to toggle between false and true. I want that stored in l

Creating Batch Operations with AWS Amplify [GraphQL, DataStore, AppSync]

I've currently been handling batch operations with a for loop, but obviously, this is not the best approach, especially as I'm adding an 'upload by CSV' option,