I have a Next.js app with the following structure: . ├── next.config.js └── src / └── app/ ├── page.tsx └── getYoutubeTranscript/ └── getYoutubeTranscript.tsx next.config.js has the following policy defined: // @ts-check /** @type {import('next').NextConfig} */ const nextConfig = { async…
I just started a new React/Next.js project and realized that I cannot mock memoized React components the way I could in a previous project. And I fail to find out why. Here's a minimal example of my setup: // /src/components/Foo.tsx…
I have a next js project and my code has nothing with GET http://localhost:3000/highLightTitle.png inside project but my project still gives an error about this issue this is error inside content.js:199g) has nothing with GET http://localhost:3000/highLightTitle.png inside project but my…
I have a react next.js application. where I am trying to pass data using interface props into another component. while running build I am encountering an issue. below are the details. I have a interface ModelProps export interface ModelProps {…
so I'm creating a multi-step-form using shadcn, react-hook-form and nextjs. How can I disable the next button if the user didn't complete the first part of the form? what I did here is, I created a two button that will…
I've spent considerable time researching database configuration using Sequelize in various tutorials, blogs, and documentation. Many sources claim that Sequelize should automatically create a database and tables if they don't exist. However, in my own project, this doesn't seem to…
I have a api that only uses POST, so i have to sent an ID to fetch, in this case event. The problem is that my SWR is making infinite calls. I have this component: const EventDetail = ({ params…
I'm using Next.js for the first time and trying to build my project but I get this error and I don't know what's causing it. From what I find online people get this when calling an API or database but…
It's my loginButton which is the wrapper of Button component in another file. 'use client'; import { useRouter } from 'next/navigation'; import { useTransition } from 'react'; interface LoginButtonProps { children: React.ReactNode; mode?: 'modal' | 'redirect'; asChild?: boolean; } export…
I'm using Laravel breeze-next nextjs starter package to create a nextjs app with a backend powered by laravel and protected by sanctum. Laravel expects a csrf header value and a session cookie. I'm having no problem setting these values in…