Until now, i was using the type any to refer the children of my components, but when I updated my deploy it says not accept any as a valid type, what type i should use on my Section component bellow?…
My code was working, right up until I added a new field to the schema. I followed all the directions that I took when I created this code and schema originally. I have been from AWS::AppSync to my code to…
i have a app/middleware.ts but it didn't trigger, import { NextResponse, NextRequest } from 'next/server' // This function can be marked `async` if using `await` inside export function middleware(request: NextRequest) { return NextResponse.redirect(new URL('/home', request.url)) } export const config =…
I'm new to Nextjs. using the latest stable version with app router. I tried to set the image source to Image component of Next js as shown in the code below: <Link href={_coInfo?.WASite} style={{ textDecoration: "none" }}> <Image alt="Logo" src='/assets/fallbackLogo.png'…
I am trying to use unstable_cache on a server component to cache data in order to improve performance. However, it doesn't seem working. Below is my code. The fetchProductWithCache is called from react component render function every time when a…
I'm using Material-UI (MUI) v6 to create a dialog that opens when a user clicks a button. I'm facing accessibility warning that only occurs on closing the dialog for the first time after render/mount. The warning doesn't appear on subsequent…
I want to show a toast when my client side component mounts. I'm using sonner library to show toast, it's working fine when we use button to show toast. I make an example app to show the problem. Here is…
I am currently working on a trail mapping Next.js react app where I fetch data from OpenStreetMap and illustrate trails on a map using leaflet polyline. Some trails have the tag oneway= 'yes' which I would like to represent visually…
I am working on a Next.Js-TypeScript project. Everything was fine. Suddenly I get a VS Code warning that I have to write import React from “react” in the .tsx files where I have used Fragment (<></>) of React. But everything…
I'm working with Next.js and have the following routes: /@modal/(.)snippets/[id]/page.tsx (for a modal) /snippets/[id]/page.tsx (for individual snippets) /snippets/new/page.tsx (for creating a new snippet) The problem occurs when I navigate to /snippets/new — instead of opening the new snippet creation page,…