App.js import logo from './logo.svg'; import './App.css'; import Header from './componentes/Header'; import FormularioLogin from './componentes/FormularioLogin'; import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import Menu from './pages/Menu'; const router = createBrowserRouter([ { path: 'menu', Component: <Menu /> }, { path: '/',…
Can anyone explaine me please, just start learn React, I'm confused in one thing in this code: import { useState } from "react"; import ReactDOM from "react-dom/client"; function Car() { const [car, setCar] = useState({ brand: "Ford", model: "Mustang", year:…
In my form, I would like the user to have the ability to add an undetermined number of users from other platforms (in this case, the other platforms are Go (board game) servers): My Zod schema looks like this at…
I am build a simple div on that i want px-5 for mobile screen and px-20 for larger screen but only px-5 is working px-20 not working on large screen why? Code Output Image <div class="bg-white py-20 px-5 lg:px-20 ">…
I have a problem with asynchronous states on React I use context to determine whether the admin is authenticated and has the right to access a page with a state called isAuth interface UserContext { setToken: (token:string) => void; getToken:…
Whenever delete is performed, supabase database is updated instantly but not in UI, If manually refreshed then updated list is shown to the UI... what to do please help!! I have added EntryTable, inside it I am rendering EntryRow, that…
Currently, I am facing issue in React js Chakra UI Accordion. Issue is all items are remain closed by default for mobile responsive only but keep open for desktop and tablet view. I am not using any different condition for…
I'm developing a TypeScript React E-Commerce platform with Java Spring Boot and PostgreSQL. When users submit a form, it should create a Conversation with an admin and send the form as a Message within that Conversation. However, it seems that…
I am facing an issue with populating react-select dropdown from JSON object, putting the code below for reference. Any help would be highly appreciated. import React, { useState, useEffect } from 'react' import Select from 'react-select'; function App() { const…
I use the following hook in a page.tsx file and then pass the data down to a table. When I click on a task, i have the following function page.tsx "use client" const { allOpenTasks, getOpenTasks } = useTasks(); useEffect(()…