Layout.jsx file import { Outlet } from "react-router-dom"; import Topbar from "../../components/Topbar"; // import Sidebar from "../../components/Sidebar"; // import { Box, useMediaQuery } from "@mui/material"; const Layout = () => { return ( <> <Topbar /> Hello Layout <Outlet />…
I am facing the following issues while adding new commit, I have project configured with eslint + husky + prettier + react + vite 1:1 error 'vite' should be listed in the project's dependencies, not devDependencies import/no-extraneous-dependencies 2:1 error '@vitejs/plugin-react-swc'…
I try to disable a item that is part of an array of objects for the user. So I have this api data: { "id": 17, "name": "bulldog", "description": "bulldog", "legislation": "", "review": "", "eaza": "", "images": "http://192.168.1.68:8000/media/media/photos/categories/bulldogs.png", "animals": […
I've been trying to create a date picker field that can allow for certain invalid date ranges i.e. 00 if the DD or MM for a date of birth is of an unknown value. The base UI components that I…
I am trying to call this endpoint to generate random memes when a a user clicks on a button. I am using the fetch api inside the useEffect hook,and the button works fine, but when I click it, there is…
I am building some applications with Laravel as the backend and react as the front end. So, I used the standard Laravel instruments - session, Auth facade, and custom controller. It works because I put react in the resources/js folder…
I need to build a modal component that is opened from a parent component and closed from the modal component itself in React. I'm setting the state in the parent component and passed it down to the child modal component…
Hi guys I am trying to call my child component: MakeQuizePage in my parent component: 'StartPage' but not works my code : import MakeQuizePage from './makeQuizePage'; function StartPage() { return ( <> <h1 className=" my-5 fs-1 text-danger text-center ">کی از…
I'm fetching product details by using REST API and AXIOS I'm receiving the data in my console log but can't able to show the data in the single product page where i want to show please help me to solve…
I created a custom Alert as shown below, but when I add Snackbar, it is not displaying. Here is the part that I changed, the rest is the same: AlertPopup: const AlertPopup = () => { const { text, type…