How do i fix react use effect running twice on refresh site

Answered

Orangetailed potter wasp posted this in #help-forum

Orangetailed potter waspOP

2023-10-09T19:18:04.000Z

I am making a project in next using firebase and a FullCalendar. im using a use effect to render my calendar and its draggable components. for some rease the use effect runs twice, it is supposed to run once.

Answered by Wuchang bream

I often have this issue, but only in a dev environment. If your dependency array is not causing it, it may be fine in production.

View full answer

5 Replies

Wuchang bream

2023-10-09T19:33:23.000Z

I often have this issue, but only in a dev environment. If your dependency array is not causing it, it may be fine in production.

Answer

Orangetailed potter waspOP

2023-10-09T19:55:44.000Z

Thanks

linesofcode

2023-10-09T20:28:50.000Z

React renders twice in development when strict mode is set to true.

This is by design.

Giant panda

2023-10-09T22:58:45.000Z

For reference: https://react.dev/reference/react/useEffect#my-effect-runs-twice-when-the-component-mounts