I'm new in Next and Typescript and can't solve the issue, I have tried all possible options that found in the internet and thinking maybe the problem is that the answers were old and something have changed.... I'm getting this…
I am trying to migrate my project from Next v12 to Next v13 app directory and I am not sure where to put the link tags in the newer version. In v12 they are placed in the Head component in…
I am using NextJS to display data obtained from a DB in a table, once I fetch the data I want to use the map function to create the table row and then insert it on the table import React,…
I am trying to create a slide-over navbar or slide menu with panels that open on top of eachother (I haven't found the best description yet as how to describe it). Basically the idea is to have a slide menu…
The page is redirected on form submission without going to the catch block. But, in the backend, I am getting the following error: the API body is not being executed. Here is the page code. "use client"; import { Button,…
I am working on a project in React and implement table. On table header cell click, I want to show an alert , that will display some information. I tried to find some help adding click listener on header cell…
Im having trouble using groq to fetch data. All my other groq queries work expect this one. The data im trying to query works with the sainty groq vs plugin when i manually set the $slug variable but returns undefined…
I'm working with a Next JS new Data Fetching feature to load data from an API and assigns it to a variable called 'contact.' However, I'm encountering the error message "variable 'contact' is used before being assigned." I want to…
I have a Next JS app, the version is 13.5.4, its structured like this: - pages -- about.tsx - src -- app --- layout.tsx --- page.tsx In order to not repeat code, I changed the default layout.tsx to this: import…
I have this /app/auth/login/route.ts import { createRouteHandlerClient } from '@supabase/auth-helpers-nextjs' import { cookies } from 'next/headers' import { NextResponse } from 'next/server' export async function POST(request: Request) { const requestUrl = new URL(request.url) const formData = await request.formData() const email…