firebase hosting設定

firebase.json

@@ -1,10 +1,12 @@
 {
   "hosting": {
     "public": "build",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ]
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ],
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
   }
 }

src/components/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 const App: React.FC = () => {
-  return <div>aa</div>;
+  return <div>aaaaa</div>;
 };
 
 export default App;

src/components/Molecules/LoginForm.tsx

@@ -2,15 +2,19 @@ import React, { useState } from 'react';
 import TextInput from '../Atoms/TextInput';
 import { Button } from '@material-ui/core';
 
-const LoginForm: React.FC<{}> = () => {
+interface IProps {
+  url: string;
+}
+
+const LoginForm: React.FC<IProps> = props => {
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
 
   const changeEmail = (e: React.ChangeEvent<HTMLInputElement>) => setEmail(e.target.value);
   const changePassword = (e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value);
 
   return (
-    <form action="https://trecamp-server.web.app/login" method="POST">
+    <form action={props.url} method="POST">
       <TextInput
         name="email"
         type="email"

src/index.tsx

@@ -6,11 +6,22 @@ import * as serviceWorker from './serviceWorker';
 import LoginForm from './components/Molecules/LoginForm';
 import CssBaseline from '@material-ui/core/CssBaseline';
 
+const renderLoginForm = (url: string) => () => <LoginForm url={url} />;
+
 ReactDOM.render(
   <Router>
     <CssBaseline />
     <Route path="/" exact={true} component={App} />
-    <Route path="/login" exact={true} component={LoginForm} />
+    <Route
+      path="/login"
+      exact={true}
+      render={renderLoginForm('https://fe31b056.ngrok.io/trecamp-server/us-central1/api/login')}
+    />
+    <Route
+      path="/login_production"
+      exact={true}
+      render={renderLoginForm('https://trecamp-server.web.app/login')}
+    />
   </Router>,
   document.getElementById('root')
 );