VIteでAmplify Authに失敗する

Viteを使用し、TypeScriptを使用したReact AdminにAmplity Authを組み込もうとしています。 viteでサイトを起動しようとするとコンソールに下記のエラーが出ます。

http://localhost:5173/node_modules/.vite/deps/amplify-authenticator.entry.js net::ERR_ABORTED 504 (Gateway Timeout).

TypeError: Failed to fetch dynamically imported module: http://localhost:5173/node_modules/.vite/deps/amplify-authenticator.entry.js.

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'isProxied')

App.tsxのソースコードは以下の通りです。 (React AdminのAdminコンポーネントなどが原因かと思い、削除しましたが、結果は変わりませんでした) このため、Cognitoとの接続に問題があるのではないかと質問いたします。 回答よろしくお願いいたします。

const App = () => {
  const [authState, setAuthState] = useState<AuthState>();
  const [user, setUser] = useState<object | undefined>();

  useEffect(() => {
    return onAuthUIStateChange((nextAuthState, authData) => {
      setAuthState(nextAuthState);
      setUser(authData);
    });
  }, []);

  return authState === AuthState.SignedIn && user ? (
    <div className='App'>
      <div>Hello, World</div>
      <AmplifySignOut />
    </div>
  ) : (
    <AmplifyAuthenticator />
  );
};

なお、cognitoの情報は下記のように記載しております。情報はマスクしています。

export const cognito = {
  aws_project_region: "XXX",
  aws_cognito_region: "XXX",
  aws_user_pools_id: "XXX",
  aws_user_pools_web_client_id: "XXX",
  aws_cognito_identity_pool_id: "",
};