This is initially a JS project from free code camp, but to put it on my portfolio website, I want to make it interactive. I have tried setting the variables to state and being passed down through props, but the…
I am following the example here: https://testing-library.com/docs/react-testing-library/example-intro/ At the "Step-By-Step" section under "Imports" it says this: // import dependencies import React from 'react' // import API mocking utilities from Mock Service Worker import {rest} from 'msw' import {setupServer} from 'msw/node'…
I'm writing an app which is essentially in React (it's part of a framework, but React is the basis). The app needs to load a list from an API, and then display all the items from that list to the…
I receive this lint warning over the following code: the idea here is that the auth provider's default state consists of functions that are implemented later down the code srccontextauthAuthProvider.tsx Line 76:17: Unexpected empty method 'Signup' @typescript-eslint/no-empty-function Line 77:17: Unexpected…
I am trying to pass a query parameter through my Link href but the query does not seem to come through. After clicking on the edit button I have here, the query I have passes is nowhere to be found.…
I'm using react-hook-form with typescript to send the input data to the server and create tasks. I am setting the form defaultValues as strings: defaultValues: { taskType: "", title: "", start: "", notes: "", tags: "", } But before sending…
So I'm a little confused on how client components work. In my project I am trying to create an image uploader, and I need to pull the userId from supabase, the supabase server function, and I need to upload the…
I have a react native app. And I have some filter function using the Searchbar from react-native-paper. But deleting a single character in the Searchbar is not possible. So this is the context: export const SearchAnimalContextProvider = ({ children })…
I have a range input with a react component, it's only moving the slider. not triggering the callback function that's there onChange Trigering event explicitly isnt working either for react. const volumeResetHandler = async () => { document.querySelector('input[type=range]').value = 0;//as…
We have a react project. We are using the same node version (18.16.1) and the same npm version (9.5.1) as a whole team. When I run npm install after cloning the repo, I get a different package-lock file. Why is…