This is my data export const courses = [ { id: 0, title: "first year", subjects: [ { id: 0, class: "french" }, { id: 1, class: "history" }, { id: 2, class: "geometry" } ], }, { id: 1,…
I have this program which renders ui after fetching data from firebase and is expected to rerender after every updates it get from database but i am getting the updates as expected and able to log the values but i…
import { useState } from "react"; export default function App() { const [buttonClicked, setButtonClicked] = useState(false); console.log('Render'); return ( <div className="App"> <button onClick={() => setButtonClicked(true)}>Click me</button> {buttonClicked && <div>Button was clicked</div>} </div> ); } This component is not running in…
Im using the Expo-Video-Player package, and went to get the elapsed time of when a video is played. <ExpoVideoPlayer videoProps={{ resizeMode: Video.RESIZE_MODE_STRETCH, source: { uri: videoUrl, }, }} inFullscreen={false} showControlsOnLoad={true} videoBackground={"#fff"} height={200} videoRef={video} showFullscreenButton={false} playIcon={() => playIcon} replayIcon={() => replayIcon}…
I am trying to fetch a list of posts form jsonplaceholder with nextjs and axios. This is my ListOfPosts.jsx import Link from "next/link"; import axios from "axios"; export default function ListOfPosts({posts}) { return( <div> {posts.map(post => ( <div key={post.id}> <Link…
I recently started learning react and decided to create a Tic Tac Toe game, and I have encountered an issue where even after winning the game an extra move is required to log out winner. Here is the relevant code:…
I wanted to test out the following code snippet in the browsers console: const dropdown = document.querySelector('w-48'); const handleClick = (event) => { if (dropdown.contains(event.target)) { console.log('Inside dropdown'); } else { console.log('OUTSIDE Dropdown'); } } document.addEventListener('click', handleClick, true); The component…
I'm trying to access an env variable from my index.html file. The code below seems to work in CRA but doesnt work with my vite, react project setup const APP_ID = '%REACT_APP_ID%' <script> //Set your APP_ID const APP_ID = '%REACT_APP_ID%'…
I want to be able to upload multiple images to Firebase using React Typescript. The uploadBytes() is throwing some type error which I have been unable to resolve. Below is my Code type imageUploadType = { lastModified: number, lastModifiedDate: Date,…
I want to use row group renderer. Notice [ groupRowRendererFramework: groupRowInnerRenderer ] in the below code. I have added group renderer. When i run the code then in all the rows i see 'Hello World'. I just want to see…