cognito認証できない

Question

以下のサイトを参考に認証画面をreactで作成しています。
コードはそのまま流用です。
リンク内容

EC2にreactアプリケーションを置き、サーバを起動(yarn start)
することでログイン画面まで表示できるようになったのですが
http://ipアドレス:3000/

「sign in」を押してもログインできません。(画面が特に切替りません)
後続で何か作業をしないといけないのでしょうか？
例えばデプロイするとか。(S3に置きたいのですが。。)
どのようにしてエラーを解消すればよいのでしょうか

Client.js:102 POST https://cognito-idp.ap-northeast-1.amazonaws.com/ 400
index.js:1 
{code: "InvalidParameterException", name: "InvalidParameterException", message: "Missing required parameter USERNAME"}
code: "InvalidParameterException"
message: "Missing required parameter USERNAME"
name: "InvalidParameterException"
__proto__: Object

Answer 1

上記をみたところ、必須パラメータのUSERNAMEがないって言われていますが、
Verification.tsxやSignIn.tsxのような場所でUSERNAMEは設定していますでしょうか？

Comments

[pokemonta]

SignIn.tsxにはあるようです。これがAWS側とどう紐づいているのはわかりませんが。。。
const signIn = () => {
const authenticationDetails = new AuthenticationDetails({
Username : email,
Password : password
})
const cognitoUser = new CognitoUser({
Username: email,
Pool: userPool
})

[pokemonta]

html部分がemailとpasswordしかないからでしょうか。。。
<input type="text" placeholder='email' onChange={changedEmailHaldler}/>
<input type="text" placeholder='password' onChange={changedPasswordHandler}/>

Username : email,の設定方法がわかりません

[firegrape]

なるほどです。そうかもしれないので、以下を参考にすると
いいかもしれません。
https://qiita.com/y4u0t2a1r0/items/afe7a807604a1358492a

[pokemonta]

gnIn: React.FC = ()
↑サインインの中のこれがいつ呼ばれるかわからなくてこまっています。
　(ignIn = () とはどう違うのか。eact.FC ってなんぞやって感じですね。)
const [email, setEmail] = React.useState<string>('')
↑2個セパレートしているのかも。。