I have a functional component export const Example = () => { const [data, setData] = useState<number>(0); useEffect(() => { return () => { console.log("data", data); // ----> Here i want current value of data at the componentWillUnmount }; },…
I want to know how I can make my "page" variable in the below code dynamic, so I can properly compare it with the location.pathname variable which will have dynamic page ids. import { useLocation } from 'react-router-dom'; function AddToCart()…
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'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 want to fetch data based on a custom hook in react query. if (filter == "NEW") { const { data, isLoading } = useGetConsultasByStatusQueryDate({ status: "NEW", queryDate: allTimeDateQuery(), }); } but shows the next error: React Hook "useGetConsultasByStatusQueryDate" is…
I have a problem with state in react. I'm create state with base empty value. Then i'm using function which set state value and then take new state value (as i thought) into next function. But my state has old…
I have a list of refs that is being forwarded to the child components. They seem to work fine as I can do operations with them as feedback to the user actions (in this case, it is scrolling into view).…
I am trying to set a const value using useState hook: const [liked, setLiked] = useState(messages?.likes?.some((like)=>like.id === user.id)) Here, when messages change, liked value doesn't update. I know I can use useEffect hook, but is there a way to define…
I'm trying to get the width of an element but I get an error when I invoke a function from the container component Sidebar: onClick={() => setActiveComponent(sidebarViews[1])}. Why is this error occurring? Sidebar.tsx function Sidebar() { const [activeComponent, setActiveComponent] =…
I'm trying to implement a functionality wherein after I click a button, a popup should open with some content, and once it is closed, the button should be permanently disabled. Now, I've implemented the same functionality for another button which…