I have this react App structure. Some components are hidden based on the content of a local storage. import React from "react"; import { BrowserRouter as Router } from "react-router-dom"; import AppRoutes from "./Routes"; import NavBar from "./components/NavBar"; const App…
I'm having an issue with the page refresh after, when clicking on the button url gets changed in the browser but the page doesn't refresh the correct component, no browser error no terminal error, everything is good at the code…
I have 2 files, App.js, which just contains a button, that should write to the console, after calling a function, that connects to the Database. The other file is Database.jsx, which makes the database connection. As a beginner with React,…
I have a toggle button to turn auto mode on and off, but I don't know how to make react-hook-form automatically submit when this button is turned on. I have tried document.querySelector('form').requestSubmit() but it didn't work. Is there a way…
So, I'm going through some React studying and I'm current just doing small code. I was writing two files. The first is where my data is in my variable. I'm using a basic map method to loop through my array…
I have an array of objects that is filled from a json file. import ContentList from "../lists/contentList.json"; Contentlist In my App, I want to be able to select a category and show only the objects of that category. Green selected…
import React, { createContext, useContext, useState } from "react"; export const ProductSearchTermContext = createContext(["", undefined]); function ProductSearchTermContextProvider() { const [searchTerm, setSearchTerm] = useState(""); function SetSearchTerm(term: string) { setSearchTerm((oldState) => oldState + term); } return ( <ProductSearchTermContext.Provider value={[searchTerm, SetSearchTerm]}> {children} </ProductSearchTermContext.Provider>…
I've read a ton of posts and articles, tried different approaches, inluding useContext, useReducer, etc. but i still can't understand why state does not change and why the page is not rerendering? const [access, setAccess] = useState(localStorage.getItem('access')); useEffect(() => {…
I have here a subset of my code - it won't run as is but outlines what I am doing. Essentially I am placing a floormap image on the floor, checking the size and adjusting for scale of physical size…
I have created a web application in azure and tried to configure sso using MSAL react library. But while clicking on the sso button it is redirecting and within seconds it is coming back to the login page. I have…