I had a code that was staring a few async function that were modifing my React State. but the problem was that when launching an other function after all promises were resolved, this function did not have the updated version…
After fetching Data I set it to my redux store, I send the data to my plot function that uses library react Plotly.js which calculates the data and plots it. I have a table component that renders the plot based…
This is my code for signup page: import { useState } from "react"; import { Link } from "react-router-dom"; export default function SignUp() { const [formData, setformData] = useState({}); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const…
I have this pattern of importing the useMediaQuery and useTheme hook from MUI and then storing them in variables in each component that needs it. I would like to store the logic somewhere else and just import isMobile to the…
so I have a react modal which has a countdown timer. The timer doesn't seem to work on Chrome but works on Firefox. On Chrome timer starts to count down but decreases its ticking pase when it ticks for about…
I currently have a parent component with 2 child components. In the first child component there is a button and when I click that button I want to access a function that is inside the second child component. I know…
I am going through the React Docs where I am trying to implement a Todo app. Most of the code is same as per the doc except it does not have an edit / delete functionality in the listing. Problem…
Hi I have below mutation : export const useUserSearch = (data) => { return useMutation({ mutationKey: ["user-search", data], mutationFn: fetchUser, }); }; I am using it in the component : const { mutate, data: userInfo, isLoading: userInfoLoading, } = useUserSearch();…
I finished the reactjs tutorial and tried to make my first page. I made a button to spawn boxes, and in each box buttons to move or remove them. I made a version where the moving part did not work,…
I have data like this: const [purchaseTypes, setPurchaseTypes] = useState([]); const purchaseInitData = [ { id: 1, name: 'liveType', purchaseType: 'liveType', label: 'purchase live training' }, { id: 2, name: 'courseType', purchaseType: 'courseType', label: 'purchase course videos'}]; input checkboxes: {purchaseData.map((item,…