I just followed a youtube tutorial about using server action with useFormState. When I following the video, There is an error fro react saying to use useActionState insted of useFormState. So I followed it up. Here is my current implementation…
this is Omar, Note: Too much talk? the sections below not all of them is a must to check if you are just trying to understand the problem, just see these ones: Front End (A really quick look at the…
Recently, I have created a Single Page Application (SPA) in React and published it on Github Pages. One limitation I observed was that I had to replace BrowserRoute with HashRoute, as Github isn't able to work with the BrowserRoute. Now,…
I built a website using React, Node.js, MongoDB, Tailwind. Everything was running fine. I restarted my laptop and when I un npm start, it just says "Server running on HTTP://localhost:5002" and "connected to MongoDB", but the application never starts on…
I’m trying to fetch city data using the OpenCage API and display the results in a list using React and Chakra UI. However, I'm getting the following error: Error: Element type is invalid: expected a string (for built-in components) or…
The Problem: I am unsure of how to detect when the JWT token expires and how to clear the user data (e.g., localStorage, Redux store automatically when the token is expired. How can I automatically log out a user when…
I'm using Nextjs and on my laptop the code is working as intended when accessing the page from my Iphone it didn't load I'm using it to send data between iframes on two different sites on the Nextjs project useEffect(()…
export const Table = () => { const employees: Employee[] = [ { name: "John Doe", position: "Manager", employed: "23/04/18" }, { name: "Alex Nar", position: "Software Engineer", employed: "23/04/18" } ] return ( <div className="w-1/2 h-1/2 overflow-scroll text-gray-700 bg-white…
I am using mongoose with Nextjs. If you look at the Review Schema below. It is linked with User schema and I am using the Review schema with populate in my React page to get the User document data, i-e;…
From stripe docs, I have integrated stripe in my react typescript based project. But I am getting client secret id error. Below is my code: placeOrder.tsx: import {Elements} from '@stripe/react-stripe-js'; import {loadStripe} from '@stripe/stripe-js'; import CheckoutForm from './Checkout'; // Make…