I'm facing issue in updating the setStartTime inside setInterval function. I want to update the startTime every minute. To update that, I've created a useRef and storing the value in timeRef.current. Every minute, startTime is getting updated. const [startTimeOffsetMins, setStartTimeOffsetMins]…
I'm trying to fetch data and then get my React App to map through the data to render each product on the page. However it fails to find the data to perform the .map() and I assume that's because the…
I have a data set having parent and nested children in it. The purpose of this data is to traverse over parent to -> child1 to-> Child1Child ..... -> child2 to -> child1 to -> child2 to -> child3 ->…
When I try to add <video controls> <source src="content.mp4" type="video/mp4" /> <source src="content.webm" type="video/webm" /> Your browser does not support the video. </video> in my react js project, Eslint throws the following error :- Media elements such as < audio…
This is a minor question Can one define a div element in upperCase? I tried using it and i have no errors in my project and as im definin a set element im getting no erros. Can this syntax be…
I have a problem with refresh token, login api send accessToken (expiration: 30s), refreshToken (expiration: 5min) and cookie 'refreshCookie' (expiration: 5min). This api works correcty. login.js (backend) const express = require('express'); const bcrypt = require('bcrypt'); const jwt = require('jsonwebtoken'); const…
I am studying React through React Offical Document. I have question about this challenge. (https://react.dev/learn/updating-objects-in-state#challenges https://codesandbox.io/s/rztj2r?file=/src/App.js&utm_medium=sandpack) Assume that the given code is executed as it is without modification, I understand why {player.score} is disappeared when re-render is occured by handleLastNameChange()…
In reactjs, I want to get child component value at parent. Here is my code for parent and child. child.js import React, {useState, useEffect} from 'react'; export const Child = () => { const [state, setState] = useState({name: ""}); const…
Problem: I'm working on a React application where I have implemented video autoplay functionality using the react-player library. The videos autoplay correctly when the page redirects (e.g., from localhost:5173/ to localhost:5173/home), as there is user interaction involved. However, I'm facing…
This issue references to the fact that React intentionally remounts your components in development to find bugs. I know I can turn off strict mode, but React doesn't recommend it. I'm just looking for a recommended approach to fix this.…