Cannot update a component (component1) while rendering a different component (component2).

Warning: Cannot update a component (`コンポーネント名1`) while rendering a different component (`コンポーネント名2`). To locate the bad setState() call inside `コンポーネント名2`, follow the stack trace as described in

React 16.13から出るようになったエラー、子コンポーネントから親の状態設定関数を呼び出すことが原因らしい

Warning: Cannot update a component while rendering a different component.

解決方法

子コンポーネント内で使用しているuseStateをuseEffectでラップすることで回避できる
Redux使用時も同様でdispatchするときにuseEffectでラップしなければいけない場合もある

関連記事