speechRecognition.jsx import { useRef } from "react"; const CharacterState = { Idle: 0, Listening: 1, Speaking: 2, }; const useSpeechRecognition = () => { const [characterState, setCharacterState] = useState(CharacterState.Idle); const onSpeechFoundCallback = useRef((text) => {}); const setOnSpeechFoundCallback = (callback) =>…
I'm developing my first app in react-native (expo). I did the flow of authentication and I'm using AsyncStorage to keep/manage the user info and jwt token. I did the first window for the logged user but I couldn't render the…
import "./styles.css"; import React, { useState } from "react"; export default function App() { const statesAndCities = [ { state: "Telangana", cities: ["Hyderabad", "Warangal"] }, { state: "Madhya Pradesh", cities: ["Gwalior", "Bhopal"] }, { state: "Rajasthan", cities: ["Jaipur", "Jaipur City"]…
Imagine I have some custom hook where I extract some value from context ( some kind of my own store ) // example of state structure function GlobalComponent(){ const initialState = { reports: {depositReport: []}, users: [], } const [state,…
i´m trying to handle the state of my input fields in react via my handleChange method. It works fine for my titles (exercise name) but not for the input fields below my titles (reps and weight) export const Workout =…
So I have a technical misunderstanding of react function component re-renders or some sort, when they happen exactly. In the provided basic app, whenever I click on the theme icon on the far left of the navbar(Header.js component), a click…
I am trying to create a validation that automatically removes bad characters as they are typed in. The state is changing correctly and the removal is happening correctly. The problem I am having is updating the actual value of the…
I'm having trouble building my project on Vercel. It builds successfully on my local machine, but when I deploy it on any host, I encounter an import issue that I can't figure out. Here is the error message I receive…
I want to import a custom hook I just created named useLocalStorage but i've been getting this error: The requested module '/src/hooks/useLocalStorage.jsx?t=1688798057310' does not provide an export named 'useLocalStorage' (at App.jsx:12:10)___ This is the export statement export default function useLocalStorage(key,…
in app.js in which i have used single state to keep track of object with two key values but when i am selecting game its working fine but when selecting for day it is giving me error pls help how…