I'm studing React and got a question about 'Why React Hooks must be used inside function components' I wrote useContext outside of the function components by mistake, and got a error message. React Hook "useContext" cannot be called at the…
I tried to fix multiple times but it still returned the same error whenever I reload the page. useEffect(() => { if (cartProducts) { const { total, qty } = (cartProducts || []).reduce( (acc, item) => { const itemTotal =…
So, I'm trying to do a modal by doing this: <div className='transaction-modal'> <div className='transaction-forms'> Content of the box modal here </div> </div> And I did this CSS for it: .transaction-modal { background-color: rgba(61, 61, 61, 0.48); position: fixed; top: 0;…
I was trying to use react-py to use pyodide in my NextJs app. It requires it wrap the component where python is to be used with `PythonProvider`. I have used the PythonProvider and usePython in the same page (client side)…
Expo apk build crash after show splashscreen. Connecting my device to logcat of android studio i see the log that say "Fatal Exeption: mqt_native_modules" com.facebook.react.common.JavascriptException: FirebaseError: Firebase: Error (auth/invalid-api-key). Im using "firebase": "^9.9.3" (sdk) The values of api-key are in…
I just started to learn and create a mobile app with react. But I am stuck on navigation tabs and I can't find a solution to it, for now. My app have a bottom bar with 3 buttons on it.…
I'm new to React. I was wondering how to read and write to JSON file and most people use require(fs) etc... I know that require is not standard browser function (or Reacts) but I'm confused how to connect React with…
I'm working on a React application where I'm trying to display a list of notes. The notes are fetched from an API and stored in a state variable using useState. However, when I try to map over the notes state…
I have three files: use-user-info.ts user-info.tsx user-info.test.tsx I want to test the behaviour of the component UserInfo (exported from user-info.tsx). On my test file I mock the hook like this: vi.mock("@/use-user-info"); describe(() => { beforeEach(() => { vi.mocked("@/use-user-info").mockReturnValue({ userId: 1,…
I have an object that has its component inside, and i'd like to fetch the object info inside that component: const opciones = [ //todas las opciones de los compoentes { id: "TAB_inicio", texto: "Inicio", siguiente: "TAB_prueba", descripcionTitulo: "Bienvenido al…