Questions tagged [react-strictmode]
26 questions
2
votes
2 answers
React Strict Mode
I am working on my project and i noticed that when strict mode is turned on it pushes two identical elements into my array. When the strict mode is off it pushes only one element into the array. Is there any explanation why this happens?
import…
ProHunter67
- 23
- 3
1
vote
1 answer
How to fix React calling `setState` twice in `useEffect` that has an empty dependency array in strict mode?
const { createRoot } = ReactDOM;
const { StrictMode, useEffect, useState } = React;
function Test() {
const [count, setCount] = useState(0);
useEffect(() => {
setCount((prevCount) => prevCount + 1);
}, []);
return (
Count:…
Wing
- 8,438
- 4
- 37
- 46
1
vote
1 answer
Re-rendering with and fabric's canvas instantiation
I am creating a fabric canvas and buttons that instantiate shapes that should be selectable. I don't understand why my component is being re-rendered twice in the following scenario. Because of this my fabric shapes are not selectable. However when…
Kronax
- 69
- 7
1
vote
0 answers
Unexpected React behavior in Strict Mode
The following React component is rendered every 50ms. The value of s increases by 1 every second. When it does, I'd like to add the value of word to an array in state.
When the code runs, the word gets added to the array as intended. Then React does…
Cirrocumulus
- 520
- 3
- 15
0
votes
0 answers
React StrictMode causing issues with React Component when setting Redux state on dismount
I have two components that interact with each other via Redux state. One component (ComponentA) authorizes a user action to "override" something, sets Redux state to indicate the user is authorized to "override" and then redirects to another…
Bryan Ambrogiano
- 85
- 1
- 6
0
votes
1 answer
useRef behavior is different in strict mode and non-strict mode in React 18 development
const { Fragment, StrictMode, useRef, useState } = React;
const { createRoot } = ReactDOM;
function CountLabel({ count }) {
const prevCount = useRef(count);
console.log("prevCount: ", prevCount.current)
console.log("count: ", count)
const…
0
votes
0 answers
Issue with @cycjimmy/jsmpeg-player in React 18, Cannot read properties of null on destroy()
I am currently working on a React 18 project where I am utilizing the @cycjimmy/jsmpeg-player library for video streaming. The implementation is working smoothly without any issues when React.StrictMode is disabled. However, I encountered a problem…
Arindam
- 163
- 1
- 13
0
votes
1 answer
Why react strictmode initializes localstorage
Before removing strictmode
index.js
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
PARKHEECHANG
- 1
- 3
0
votes
2 answers
React.StrictMode and createRoot influence my UI render
I am new to react. This is a generated code block in my project by create-react-app
const container = document.getElementById("root");
const root = createRoot(container);
root.render(
);
Now I…
Trouble Lee
- 21
- 4
0
votes
0 answers
Removing "React Strict Mode" solved my error. Is this is a budge?
I've found Why is my React component is rendering twice? which fixed my coding error (setState getting called X times depending in which component it gets called), but do I have a problem with my code now if removing React.StrictMode solved…
Cinc-B
- 121
- 2
- 9
0
votes
1 answer
React JS check whether strict mode is enabled
Is there any way to know whether the strict mode is enabled in React?
useEffect(() => {
if(strictModeEnabled) {}
})
I didn't find any information in the docs.
undefined
- 6,366
- 12
- 46
- 90