Using React and Typescript, I am trying to update a canvas based on a provided image with the canvas and file upload DOM elements separated into their own components. The problem I'm facing is that when a new image is…
I have a parent component where I do api fetching with react query: export default () => { const { caseId } = useCaseProvider(); const { api } = useMockApi(); const { data: caseData, refetch, isRefetching } = api.getCasaData(caseId); const…
so i used useeffect in my project and for some reason it ain't working. anyone that knows if i did. it is specifically the useeffect that is not triggering. the Console.log("Hi") does trigger everywhere else outside of useeffect. const [openRequests,…
Is there any point in specifying a second argument to useEffect, such as a function that never changes? useEffect( () => { const dispatch(asyncTestFunction({ data })) }, [data, dispatch], ); In this case, why do we put dispatch as the…
Here I have the state, and I am trying to pass them into child component SearchBar App Component (parent component) // not related code ... // search const { search, setSearch } = useState(""); const handleSearch = (e) => {…
How can I memoize a callback generated in the map loop? This (obviously) gives an error: const SomeComponent = ({ items }: { items: ItemData[] }) => { const getItemCallback = (item: ItemData) => (e: React.MouseEvent) => { e.preventDefault(); //do…
I have a problem regarding my current function checkResultOfCards. This function is unable to retrieve a updated value (currentAnswer) from a useState-Hook which I update through a TextInput. My codesample may be long but consider that half of it are…
I have an activeBtn function to set an activeLink class when the button is clicked. In this case, i want to remove the state of the other buttons to false when it isn't clicked. So i only have one active…
I’ve built an app with "components" that all begin like this: export const SomeComponent = (props: SomeComponentProps): React.ReactElement => { return ( <> <div>some content</div> </> ) } However now I’ve been Googling and it would seem as though this…
Here is my code, I add a new text to the database and it works perfectly I can see it in my database, but when I want to update the display, despite I retrieve the new data from the database…