So i have a websocket server built with python, which is deployed in a EC2 container. Connecting through postman works perfectly, but when connecting via Websocket in React, it throws always this error: WebSocket connection to 'wss://xxx:3500/' failed: with no…
Is there any way to detect whether the user has a front, rear, or both cameras in their device? For example, on a laptop, we normally have just one user camera, and it doesn't have a rear camera. On a…
I am receiving the error: code EUNSUPPORTEDPROTOCOL Unsupported URL Type "workspace:": workspace:* I have updated my node to the latest recommended version. I was able to install the next auth package in the past on a different project. But, I…
I'm facing a permission denied error when running my Next.js application with Docker Compose. The error message I'm encountering is as follows: [+] Running 2/2 ✔ Network nextjs-blog_default Created 0.1s ✔ Container nextjs-blog-web-1 Created 0.1s Attaching to web-1 web-1 |…
I'm encountering an issue with form validation using react-hook-form and Yup where validation errors are reported even though the fields appear to be valid according to my Yup schema. The form includes nested fields under clientInformation, such as name.firstName and…
I need to create a form in nextjs, in plain react some time ago I used to manage the state of each input of the form by using an useState hook, now I have seen in the official nextjs documentation…
have this code: useEffect(() => { const redirectedFromRegister = sessionStorage.getItem("redirectedFlag") === "yes"; if (!redirectedFromRegister) redirect("/"); }, []); useEffect(() => { const changeRouteTimeout: NodeJS.Timeout = setTimeout(() => { sessionStorage.removeItem("redirectedFlag"); redirect("/trainees"); }, 7500); return () => { clearTimeout(changeRouteTimeout); }; }, []); and…
I am working on a commenting feature for a blog using latest version of NextJs. Text input collects data, and sends it to the database ‘Vercel` hosted, and I fetch the data from the frontend successfully as expected. However, displaying…
How is react-hot-toast allowing its state to be changed from another components just by exporting the components in react-hot-toast/src/index.ts by: export default toast; Usage in Nextjs14: =Layout.tsx: import { Toaster } from "react-hot-toast"; <body> {children} <Toaster /> </body> =page.tsx import…
I am in very critical trouble, let me explain I am creating a full stack application with next js 13, I have created an API that is perfectly working in dev(npm run dev) mode but the problem is when I…