reactとAWSでデプロイし、submitして送信するとindex.htmlという関係ない場所に飛ぶ

前提・実現したいこと

npm start 3000ではうまく機能しますが、AWSを扱いamplidyとreactでデプロイし、ログインもしくは登録画面で進み、ログイン、登録を押したらindex.htmlと表示されます。（ローカルではBlog_displayが表示されます）
なので、ローカルどおり、
http://localhost:3000/Blog_display
と表示させたい
こちらが実際のコードです。
https://material-ui-component.d3sn4gpjnzkzxi.amplifyapp.com

該当のソースコード

react
1//blog/src/index.js
2import React from 'react';
3import ReactDOM from 'react-dom';
4import App from './components/App';
5
6ReactDOM.render(
7  <React.StrictMode>
8    <App />
9  </React.StrictMode>,
10  document.getElementById('root')
11);
12

react
1//blog/src/components/App.js
2
3import React from 'react';
4import { BrowserRouter, Route, Link } from 'react-router-dom';
5import Login from './Login'
6import Header from './Header'
7import Registration from './Registration'
8import Blog from './Blog_display'
9import { withStyles } from '@material-ui/core/styles';
10import Button from '@material-ui/core/Button';
11
12const HOME = () => {
13  return (
14    //ログイン、会員登録画面
15    <div>
16      {/* Linkから自動的にlinkされるようになっている */}
17      <Header />
18      <Link to="/Login">
19      <Button variant="raised">
20      ログインする
21      </Button>
22        </Link>
23      <Link to="/registration">
24      <Button variant="raised">
25      初めての方はこちら
26      </Button>
27      </Link>
28    </div>
29  );  
30};
31
32const registration_click = () => {
33  return (
34    <div>
35      <Header />
36      <Registration />
37    </div>
38  );
39};
40
41const Login_click = () => { 
42  return (
43    <div>
44      <Header />
45      <Login />
46    </div>
47  )
48}
49
50const Blog_login = () => { 
51  return (
52    <div>
53      <Header />
54      <Blog />
55    </div>
56  )
57}
58
59const App = () => {
60  return (
61    <div>
62      <BrowserRouter>
63        <div>
64          <Route path="/" exact component={HOME} />
65          <Route path="/registration" component={registration_click} />
66          <Route path="/login" component={Login_click} />
67          <Route path="/Blog_display"  component={Blog_login} />
68        </div>
69      </BrowserRouter>
70    </div>
71  );
72};
73
74export default App;
75

react
1//blog/src/components/Registration.js
2
3import React from 'react';
4import TextField from '@material-ui/core/TextField';
5import Button from '@material-ui/core/Button';
6
7class Registration extends React.Component { 
8  render() {
9    //login or 登録された後にBlogにアクセスできるようにする処理
10    return (
11      <div>
12        <form action="./Blog_display">
13          <table>
14            <tbody>
15            <tr>
16                <th><TextField id="standard-basic" label="氏名" /></th>
17              </tr>
18              <tr>
19                <th><TextField id="standard-basic" label="メールアドレス" /></th>
20              </tr>
21              <tr>
22                <th><TextField id="standard-basic" label="パスワード" /></th>
23              </tr>
24              <tr>
25                <Button variant="contained" color="secondary" type="submit" >
26                登録する
27                </Button>
28              </tr>
29          </tbody>
30        </table>
31        
32      </form>
33    </div>
34
35    )
36  }
37}
38
39export default Registration;
40

react
1//blog/src/components/Blog_display.js
2import React from 'react'
3
4class Blog_display extends React.Component{ 
5  render() { 
6    return (
7      <p>完了</p>
8    )
9  }
10}
11export default Blog_display
12
13