Open1

Reactのルールについて

atnuhsatnuhs

React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render.eslintreact-hooks/rules-of-hooks

早期リターンをuseEffectより上に記述したときにエラーが出た

export function Create() {
  const { userInfo, token } = useAuth();
  const userId = userInfo?.id;

  if (!userId) {
    console.log('userIdがないため/sign-inにリダイレクト');
    return <Navigate to="/" replace />;
  }

  // ここでエラー
  useEffect(() => {
    
  }, [])

  ...
}