The video still plays in the background (sound) even after the video player has been closed. I tried using pause() but apparently it isn't a function. If I select another thumbnail and bring up another video the current one will…
I have a Google OAuth button using @react-oauth/google (the npm package). This button works fine. The problem comes when you're logged in on Google in your browser and then you view the button. Instead of showing "Sign up with Google"…
I'm learning React and I keep on hearing the phrase JSX. I've tried watching videos about it but I still don't understand what it is. I've also had a look at the documentation but my head is still scrambled I've…
I have an h1 element in my React app that I plan to use with a contentEditable attribute to allow users to edit it directly. The problem is within the useFormValues hook that I use to manage all my other…
I am trying to send a object from react to express using fetch api. I have added the data to post request. the express server is unable to receive any request made to it. React Code: const sendData = async…
hello people i am trying to change background images on a interval of 3 seconds using javascript the code seem to be correct because the images can be seen changed in the console but not on the screen i see…
I have a component library with multiple icon components that I am wanting to bring into my new project but I am wanting to lazily load, but I'm not 100% sure on how to go about this. The icon components…
I am trying to start writing React code on my new PC. I have installed npm but any time I run create-react-app, I am getting this error. $ npx create-react-app code-app npm ERR! code ENOENT npm ERR! syscall lstat npm…
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 am a newbie to react typescript and working on rendering charts with custom components. I have a component called StackedDonutChart which is created with Highcharts `export interface StackedDonutChartProps { data: any[]; colors: any[]; size?: number; };` Object.keys(this.colors).forEach(key => {…