I have implemented keyboard key or button navigation in a list of items. Locally I don’t get any errors, in the build phase I get the following errors: Error: React Hook "useRef" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React… Read More React Hooks must be called in the exact same order in every component render problem?

I’ve code below. console.log from useEffect shows current "files" value, but console.log from handleInputChange function always show previous value. I understand this is because of async setState behavour, but I don’t understand how to make it work. import React, { useState, useEffect } from ‘react’; import Button from ‘../Button/Button’; function Card({ accept }) { let… Read More How to solve async setState poblem?

I have a program (not a DLL) that creates a thread, and in this thread I create a hook using SetWindowsHookExW() to get keyboard events. I also have a global variable that I can use to turn off this thread. The thing is that I don’t know how to release the hooks and continue the… Read More How to Unhook windows hooks

Problem is static variable. class component use static variable like this. // component.js <ProgressWindow messageSet={ProgressWindow.MESSAGE_FOR_REPORT} /> // ProgressWindow.js class ProgressWindow extends React.Component { static MESSAGE_FOR_REPORT = ‘report’; static MESSAGE_FOR_SETTING = ‘setting’; } My mission is that static variable’s convert to function component. I need get messageSet value in new function ProgressWindow component. How can i?… Read More React Class component covert to function component

I want to use object declared in useEffect hook, like function App(){ useEffect(() => { let myObject = ….. } myObject.myFunction() } but IDE gives me an error that myObject is not defined… I assume that it is not a good way to lead re-rendering objects declared in useEffect hook, but anyway, is there any… Read More Is it possible to use objects declared in useeffect hook?

I’m using axios to pull data from an API (arr of objects) but for some reason I keep getting promise pending when calling it inside the hook. I used promise chaining to ensure that the code executes synchronously but it’s still the same. When I for example use "console.log(selectedVideo[0]" I get "undefined". I assume it’s… Read More Promise pending when calling a function inside a hook using React

I’m studying for a React test. (This question is free and public practice question, so I’m not cheating on a job interview). Prompt Finish the FocusableInput component so that the input element automatically receives focus on the first render if the shouldFocus prop is true. The component should use React Hooks. Starter Code // React… Read More React Test: I'm supposed to use hooks, but I can't import them?

I am using react router v6. When I am on detail page and i´ll press arrow in chrome go on prev page it doesnt go on prev page but prev prev page. I checked history by long press on arrow back and the page I need is not there. How can i add that page… Read More React Router V6 – page is not in history

I’m new to the typescript world and I’m creating a new project in nextjs using typescript and wanted to add auth functionality with it so I’m using createContext I previously used javascript where we don’t need to define default value while creating context. these are some errors I’m getting in my vscode please if someone… Read More how to useContext in react/nextjs with typescript

I have some simple lines of code to test the useCallback and setState hook. First I try to write like this: const App = () => { const [count, setCount] = useState(0) const increase = useCallback(() => { setCount(count + 1) // Passing value to change state }, []) console.log(count) return ( <div id="main"> <h1>Count:… Read More understanding useCallback and setState