Amplifyで実装したログイン画面にスタイリングが適用されない

Question

前提・実現したいこと

AWS Amplify に関する質問です。

Amplify公式のドキュメント(https://aws-amplify.github.io/docs/js/authentication)を見ながら
React と Amplify の withAuthenticator を使ってログイン画面を実装しようとしているのですが、
公式のサンプル通りのUIにならず、画像のようにcssが適用されません。
サインイン、サインアップはできています。
なにか解決策などありますでしょうか。
何卒よろしくお願いいたします。

![

該当のソースコード

---
import Amplify from 'aws-amplify';
import awsconfig from './aws-exports';
import { withAuthenticator } from 'aws-amplify-react';

Amplify.configure(awsconfig);

function App() {
  return (

  );
}
 
export default withAuthenticator(App); 

試したこと

キャッシュのクリアは行いましたが解決しませんでした。
また、Chromeの開発者モードではエラーは出ていませんでした。

Answer 1

import React from 'react';
import { withAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';

const App = () => (

<div> <AmplifySignOut /> My App </div> );

export default withAuthenticator(App);

しっかりこの行コピーしましたか？
そしたらcss適用されます

Answer 2

僕の場合は、その画面表示でcssが適用されず、サインアップできない状態です。
一応エラーが出ていたので、解決していこうと思います