React 18 strict mode causing component to render twice [duplicate]

by

React StrictMode calls all Effects twice to make sure their cleanup/unmount handlers work as intended. You may need to change your effects accordingly, even if they have an empty dependency list and would normally not unmount before the site is closed.

Note, this only happens in Strict + development mode. In a production build, effects will only be called once and when their dependencies change.

Fore more context, see https://reactjs.org/docs/strict-mode.html#ensuring-reusable-state

More Related Contents:

  1. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  2. How to create a translucent in React Native?
  3. setState doesn’t update the state immediately
  4. ReactJS Two components communicating
  5. Difference between npx and npm?
  6. Adding new data to firebase users
  7. Where should ajax request be made in Flux app?
  8. How to load image files with webpack file-loader
  9. Can I use arrow function in constructor of a react component?
  10. javascript change background color on click [closed]
  11. setState() inside of componentDidUpdate()
  12. React Hooks – What’s happening under the hood?
  13. How to implement a dynamic form with controlled components in ReactJS?
  14. Why do I have to .bind(this) for methods defined in React component class, but not in regular ES6 class
  15. Updating source URL on HTML5 video with React
  16. How to force remounting on React components?
  17. How do you import a javascript package from a cdn/script tag in React?
  18. Jquery in React is not defined
  19. What is Virtual DOM?
  20. Update Array in React
  21. How to download fetch response in react as file
  22. React hook useEffect runs continuously forever/infinite loop
  23. Scroll into view in react
  24. How to parse html to React component?
  25. How to properly use useHistory () from react-router-dom?
  26. React Error: “SharedArrayBuffer is not defined” in Firefox
  27. How to get simple dispatch from this.props using connect w/ Redux?
  28. Object is not extensible error when creating new attribute for array of objects
  29. How to set iframe content of a react component
  30. How should I alternate componentWillMount()?

Leave a Comment