I'm currently working on a Next.js 14 project where I'm implementing permissions like User.Read and Role.Read using middleware to control user access to certain parts of the site. While this setup is functioning adequately, I'm facing a challenge in integrating…
I updated my react version to 18 from version 17, after that this code --> data?.area?.width=['111','220'] is throwing error like this "The left-hand side of an assignment expression must be a variable or a property access.", what will be the…
I have been staring at this code too long and I cannot figure out why I am getting an error that this is not a module. File name: page.tsx import Link from "next/link"; import SessionList from "./sessionList"; export default function…
so I was following a tutorial and somehow stuck in a problem wherein if the URL is not existing in the routes.ts. It redirects to a nested /auth/auth/...../login/ instead of redirecting it to localhost:3000/auth/login middleware.ts import authConfig from "./auth.config" import…
im quite new to react and next js, i can do server side get request just fine, it is pretty simple. i just wanted to know how to execute a post request to an external api in NextJs server side,…
Im deploying my Nextjs 14 app in AWS EC2 using AWS CLI, Docker, Github. For authentication i use next-auth. Every time user get access sucessfully Next auth redirects it to localhost. .env Dockerfile: FROM node:21 as builder WORKDIR /app COPY…
I am trying to fetch data to my dashboard component in SSR but get undefined Are there any solution to fetch data properly? Here is my code of Dashboard component: import Container from "./Container"; import { getServerSession } from "next-auth/next";…
My webpage requires to reload every time to update user state. As to the problem, in the handleLogin func, the page should be redirected to homepage ('/') and refresh itself, so that the user state is updated, due to AuthContextProvider…
i am build nextjs project and creating table from material ui and fetching data from mongoDB. i want to add two button on action (edit and delete) column but dont know how to do it on material MUI i want…
I have a front end call to an api that works well: login= useUser() ; const handleSubmit = async (e: any) => { e.preventDefault(); setLoading((loading) => !loading); setResult(''); const login = useUser() console.log('submitted form') try { login(email,password)//subsitute i'de like to…