トップに関する質問 TypeError: SignUp is not a functionエラーにより、ログイン機能が実装できない

編集履歴

質問編集履歴

修正

2020/09/01 08:46

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -94,6 +94,16 @@
     at dispatchDiscreteEvent (react-dom.development.js?61bb:5881)
+Failed to launch editor: TypeError: editor.toLowerCase is not a function
 ```

修正

2020/09/01 08:46

投稿

tomsuma

スコア38

test CHANGED Viewed

	@@ -1 +1 @@
1	- TypeError: SignUp is not a functionが~~消えません~~
1	+ TypeError: SignUp is not a functionエラーにより、ログイン機能が実装できない

test CHANGED Viewed

File without changes

修正

2020/09/01 05:11

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -6,15 +6,11 @@
 Next.jsを用いたログイン機能のを実装していまして、
-Login画面には問題なく移行できるのですが、
+SignIn画面には問題なく移行できるのですが、
-~~ログインボタンを押すとこのようなエラーが出ます~~、、
-サインインしていないのでログインできないのは当然でした
-サインインボタンを押すとエラーが起きます、、
+サインインボタンを押すとエラーが起きます

修正

2020/09/01 05:11

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -423,3 +423,7 @@
     Firebase library is only loaded once.
   ```
+![イメージ説明](280f2068b78b4af7ecb4b55779a9baaf.png)

エラー修正

2020/09/01 01:38

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -414,7 +414,7 @@
 ```
-issue
+検証ツールにて
 index.esm.js?abfd:106 [2020-09-01T01:16:47.798Z]  @firebase/app:

修正

2020/09/01 01:20

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -409,3 +409,17 @@
 };
 ```
+```
+issue
+index.esm.js?abfd:106 [2020-09-01T01:16:47.798Z]  @firebase/app:
+    Warning: Firebase is already defined in the global scope. Please make sure
+    Firebase library is only loaded once.
+  ```

修正

2020/09/01 01:17

投稿

tomsuma

スコア38

test CHANGED Viewed

	@@ -1 +1 @@
1	- TypeError: ~~createLo~~gin is not a functionが消えません
1	+ TypeError: SignUp is not a functionが消えません

test CHANGED Viewed

@@ -1,4 +1,4 @@
-TypeError: createLogin is not a functionエラーが消えません
+TypeError: SignUp is not a functionエラーが消えません
@@ -8,7 +8,15 @@
 Login画面には問題なく移行できるのですが、
-ログインボタンを押すとこのようなエラーが出ます、、
+~~ログインボタンを押すとこのようなエラーが出ます~~、、
+サインインしていないのでログインできないのは当然でした
+サインインボタンを押すとエラーが起きます、、
@@ -20,55 +28,9 @@
-試したこと
-ターミナルで
-```
-Could not open Login.js in the editor.
-To set up the editor integration, add something like REACT_EDITOR=atom to the .env.local file in your project folder and restart the development server.
-```
-と合ったので
-```
-.env.local
-# TODO. Fill in with Firebase Config
-NEXT_PUBLIC_FIREBASE_API_KEY="*********r8",
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="ha********",
-NEXT_PUBLIC_FIREBASE_DATABASE_URL="******",
-NEXT_PUBLIC_FIREBASE_PROJECT_ID="h*******a",
-NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="h*****m",
-NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=*****",
-NEXT_PUBLIC_FIREBASE_APP_ID=****44",
-NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID="****"
-REACT_EDITOR = atom　　追加
-```
-としたらこのエラーは消えました
@@ -80,67 +42,69 @@
-SignUpがコンテキストから取れてないと思うのですが、どうすれば原因が特定できるでしょうか
-```
-Login.js?5292:11 Uncaught TypeError: createLogin is not a function
-    at handleSubmit (Login.js?5292:11)
-    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:188)
-    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:237)
-    at invokeGuardedCallback (react-dom.development.js?61bb:292)
-    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?61bb:306)
-    at executeDispatch (react-dom.development.js?61bb:389)
-    at executeDispatchesInOrder (react-dom.development.js?61bb:414)
-    at executeDispatchesAndRelease (react-dom.development.js?61bb:3278)
-    at executeDispatchesAndReleaseTopLevel (react-dom.development.js?61bb:3287)
-    at forEachAccumulated (react-dom.development.js?61bb:3259)
-    at runEventsInBatch (react-dom.development.js?61bb:3304)
-    at runExtractedPluginEventsInBatch (react-dom.development.js?61bb:3514)
-    at handleTopLevel (react-dom.development.js?61bb:3558)
-    at batchedEventUpdates$1 (react-dom.development.js?61bb:21871)
-    at batchedEventUpdates (react-dom.development.js?61bb:795)
-    at dispatchEventForLegacyPluginEventSystem (react-dom.development.js?61bb:3568)
-    at attemptToDispatchEvent (react-dom.development.js?61bb:4267)
-    at dispatchEvent (react-dom.development.js?61bb:4189)
-    at unstable_runWithPriority (scheduler.development.js?3069:653)
-    at runWithPriority$1 (react-dom.development.js?61bb:11039)
-    at discreteUpdates$1 (react-dom.development.js?61bb:21887)
-    at discreteUpdates (react-dom.development.js?61bb:806)
-**省略
-```
-```
-LogIn.js
+```
+ターミナルでのエラー
+react-dom.development.js?61bb:475 Uncaught TypeError: SignUp is not a function
+ at handleSubmit (SignUp.js?b395:11)
+    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:336)
+    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:385)
+    at invokeGuardedCallback (react-dom.development.js?61bb:440)
+    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?61bb:454)
+    at executeDispatch (react-dom.development.js?61bb:584)
+    at executeDispatchesInOrder (react-dom.development.js?61bb:609)
+    at executeDispatchesAndRelease (react-dom.development.js?61bb:713)
+    at executeDispatchesAndReleaseTopLevel (react-dom.development.js?61bb:722)
+    at forEachAccumulated (react-dom.development.js?61bb:694)
+    at runEventsInBatch (react-dom.development.js?61bb:739)
+    at runExtractedPluginEventsInBatch (react-dom.development.js?61bb:880)
+    at handleTopLevel (react-dom.development.js?61bb:5803)
+    at batchedEventUpdates$1 (react-dom.development.js?61bb:24401)
+    at batchedEventUpdates (react-dom.development.js?61bb:1415)
+    at dispatchEventForPluginEventSystem (react-dom.development.js?61bb:5894)
+    at attemptToDispatchEvent (react-dom.development.js?61bb:6010)
+    at dispatchEvent (react-dom.development.js?61bb:5914)
+    at unstable_runWithPriority (scheduler.development.js?3069:697)
+    at runWithPriority$2 (react-dom.development.js?61bb:12149)
+    at discreteUpdates$1 (react-dom.development.js?61bb:24417)
+    at discreteUpdates (react-dom.development.js?61bb:1438)
+    at dispatchDiscreteEvent (react-dom.development.js?61bb:5881)
+```
+```
+SignUp.js
@@ -152,13 +116,11 @@
-const Login = ( {history}) => {
+const SignUp = ( ) => {
-  const  Login  = useContext(AuthContext);
+  const SignUp  = useContext(AuthContext);
-  // AuthContextからlogin関数を受け取る
   const handleSubmit = event => {
@@ -166,7 +128,9 @@
     const { email, password } = event.target.elements;
-    Login(email.value, password.value,history);
+    SignUp(email.value, password.value);
+    console.log(SignUp)
   };
@@ -176,7 +140,7 @@
     <div>
-      <h1>Log in</h1>
+      <h1>Sign up</h1>
       <form onSubmit={handleSubmit}>
@@ -196,7 +160,7 @@
         </label>
-        <button type="submit">Log in</button>
+        <button type="submit">Sign Up</button>
       </form>
@@ -208,314 +172,240 @@
-export default withRouter(Login);
+export default withRouter(SignUp);
-```
+```
-```
+```
-SignUp.js
+AuthProvider.jsx
-import React, { useContext } from "react";
+import React, { useEffect, useState } from "react";
-import { AuthContext } from "./AuthProvider";
-import { withRouter } from 'next/router'
-const SignUp = ( ) => {
+// contextの作成
-  const SignUp  = useContext(AuthContext);
+export const AuthContext = React.createContext();
+export const AuthProvider = ({ children }) => {
+  const [currentUser, setCurrentUser] = useState(null);
+  // ユーザーをログインさせる関数
-  const handleSubmit = event => {
+  const Login = async (email, password) => {
+    try {
+      await app.auth().signInWithEmailAndPassword(email, password);
-    event.preventDefault();
+      router.push("/");
-    const { email, password } = event.target.elements;
-    SignUp(email.value, password.value);
+    } catch (error) {
-    console.log(SignUp)
+      alert(error);
+    }
   };
+  // 新しいユーザーを作成しログインさせる関数
+  const SignUp = async (email, password, history) => {
+    try {
+      await app.auth().createUserWithEmailAndPassword(email, password);
+      router.push("/");
+    } catch (error) {
+      alert(error);
+    }
+  };
+  useEffect(() => {
+    app.auth().onAuthStateChanged(setCurrentUser);
+  }, []);
   return (
-    <div>
+    // Contextを使用して認証に必要な情報をコンポーネントツリーに流し込む。
-      <h1>Sign up</h1>
+    <AuthContext.Provider
-      <form onSubmit={handleSubmit}>
-        <label>
-          Email
-          <input name="email" type="email" placeholder="Email" />
-        </label>
-        <label>
-          Password
+      value={{
-          <input name="password" type="password" placeholder="Password" />
+        Login: Login,
-        </label>
+        SignUp: SignUp,
-        <button type="submit">Sign Up</button>
+        currentUser
+      }}
+    >
+      {children}
-      </form>
+    </AuthContext.Provider>
-    </div>
   );
 };
-export default withRouter(SignUp);
-```
+```
+userContext.js
-```
+```
-AuthProvider.jsx
-import React, { useEffect, useState } from "react";
+import { useState, useEffect, createContext, useContext } from 'react'
-// contextの作成
+import  firebase from '../firebase/clientApp'
-export const AuthContext = React.createContext();
+export const UserContext = createContext()
-export const AuthProvider = ({ children }) => {
+export default function UserContextComp({ children }) {
-  const [currentUser, setCurrentUser] = useState(null);
+  const [user, setUser] = useState(null)
-  // ユーザーをログインさせる関数
-  const Login = async (email, password) => {
-    try {
-      await app.auth().signInWithEmailAndPassword(email, password);
-      router.push("/");
-    } catch (error) {
-      alert(error);
-    }
-  };
-  // 新しいユーザーを作成しログインさせる関数
-  const SignUp = async (email, password, history) => {
-    try {
-      await app.auth().createUserWithEmailAndPassword(email, password);
+  const [loadingUser, setLoadingUser] = useState(true) // Helpful, to update the UI accordingly.
-      router.push("/");
-    } catch (error) {
-      alert(error);
-    }
-  };
   useEffect(() => {
+    // Listen authenticated user
-    app.auth().onAuthStateChanged(setCurrentUser);
+    const unsubscriber = firebase.auth().onAuthStateChanged(async (user) => {
+      try {
+        if (user) {
+          // User is signed in.
+          const { uid, displayName, email } = user
+          // You could also look for the user doc in your Firestore (if you have one):
+          // const userDoc = await firebase.firestore().doc(`users/${uid}`).get()
+          setUser({ uid, displayName, email })
+        } else setUser(null)
+      } catch (error) {
+        // Most probably a connection error. Handle appropriately.
+      } finally {
+        setLoadingUser(false)
+      }
+    })
+    // Unsubscribe auth listener on unmount
+    return () => unsubscriber()
-  }, []);
+  }, [])
   return (
-    // Contextを使用して認証に必要な情報をコンポーネントツリーに流し込む。
+    <UserContext.Provider value={{ user, setUser, loadingUser ,setLoadingUser}}>
-    <AuthContext.Provider
-      value={{
-        Login: Login,
-        SignUp: SignUp,
-        currentUser
-      }}
-    >
       {children}
-    </AuthContext.Provider>
+    </UserContext.Provider>
+  )
+}
+// Custom hook that shorhands the context!
+export const useUser = () => useContext(UserContext)
+```
+また、[next.config.js](https://nextjs.org/docs/api-reference/next.config.js/introduction)この記事を読んでconfigにも自身がなくなりました、
+```
+require("dotenv").config();
+const path = require("path");
+const Dotenv = require("dotenv-webpack");
+module.exports = {
+  webpack: config => {
+    config.plugins = config.plugins || [];
+    config.plugins = [
+      ...config.plugins,
+      // Read the .env file
+      new Dotenv({
+        path: path.join(__dirname, ".env"),
+        systemvars: true
+      })
-  );
+    ];
+    return config;
+  }
 };
 ```
-userContext.js
-```
-import { useState, useEffect, createContext, useContext } from 'react'
-import  firebase from '../firebase/clientApp'
-export const UserContext = createContext()
-export default function UserContextComp({ children }) {
-  const [user, setUser] = useState(null)
-  const [loadingUser, setLoadingUser] = useState(true) // Helpful, to update the UI accordingly.
-  useEffect(() => {
-    // Listen authenticated user
-    const unsubscriber = firebase.auth().onAuthStateChanged(async (user) => {
-      try {
-        if (user) {
-          // User is signed in.
-          const { uid, displayName, email } = user
-          // You could also look for the user doc in your Firestore (if you have one):
-          // const userDoc = await firebase.firestore().doc(`users/${uid}`).get()
-          setUser({ uid, displayName, email })
-        } else setUser(null)
-      } catch (error) {
-        // Most probably a connection error. Handle appropriately.
-      } finally {
-        setLoadingUser(false)
-      }
-    })
-    // Unsubscribe auth listener on unmount
-    return () => unsubscriber()
-  }, [])
-  return (
-    <UserContext.Provider value={{ user, setUser, loadingUser ,setLoadingUser}}>
-      {children}
-    </UserContext.Provider>
-  )
-}
-// Custom hook that shorhands the context!
-export const useUser = () => useContext(UserContext)
-```
-また、[next.config.js](https://nextjs.org/docs/api-reference/next.config.js/introduction)この記事を読んでconfigにも自身がなくなりました、
-```
-require("dotenv").config();
-const path = require("path");
-const Dotenv = require("dotenv-webpack");
-module.exports = {
-  webpack: config => {
-    config.plugins = config.plugins || [];
-    config.plugins = [
-      ...config.plugins,
-      // Read the .env file
-      new Dotenv({
-        path: path.join(__dirname, ".env"),
-        systemvars: true
-      })
-    ];
-    return config;
-  }
-};
-```

修正

2020/09/01 01:11

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -148,11 +148,13 @@
 import { AuthContext } from "./AuthProvider";
+import { withRouter } from 'next/router'
-const createLogin = ( ) => {
+const Login = ( {history}) => {
-  const  createLogin  = useContext(AuthContext);
+  const  Login  = useContext(AuthContext);
@@ -164,7 +166,7 @@
     const { email, password } = event.target.elements;
-    createLogin(email.value, password.value, history);
+    Login(email.value, password.value,history);
   };
@@ -206,7 +208,81 @@
-export default createLogin;
+export default withRouter(Login);
+```
+```
+SignUp.js
+import React, { useContext } from "react";
+import { AuthContext } from "./AuthProvider";
+import { withRouter } from 'next/router'
+const SignUp = ( ) => {
+  const SignUp  = useContext(AuthContext);
+  const handleSubmit = event => {
+    event.preventDefault();
+    const { email, password } = event.target.elements;
+    SignUp(email.value, password.value);
+    console.log(SignUp)
+  };
+  return (
+    <div>
+      <h1>Sign up</h1>
+      <form onSubmit={handleSubmit}>
+        <label>
+          Email
+          <input name="email" type="email" placeholder="Email" />
+        </label>
+        <label>
+          Password
+          <input name="password" type="password" placeholder="Password" />
+        </label>
+        <button type="submit">Sign Up</button>
+      </form>
+    </div>
+  );
+};
+export default withRouter(SignUp);
 ```
@@ -234,13 +310,13 @@
   // ユーザーをログインさせる関数
-  const createLogin = async (email, password, history) => {
+  const Login = async (email, password) => {
     try {
       await app.auth().signInWithEmailAndPassword(email, password);
-      history.push("/");　　　Next.jsでhistorｙは使わない？
+      router.push("/");
     } catch (error) {
@@ -254,13 +330,13 @@
   // 新しいユーザーを作成しログインさせる関数
-  const signup = async (email, password, history) => {
+  const SignUp = async (email, password, history) => {
     try {
       await app.auth().createUserWithEmailAndPassword(email, password);
-      history.push("/");
+      router.push("/");
     } catch (error) {
@@ -288,9 +364,9 @@
       value={{
-        createLogin: createLogin,
+        Login: Login,
-        signup: signup,
+        SignUp: SignUp,
         currentUser
@@ -308,7 +384,97 @@
 ```
+userContext.js
+```
+import { useState, useEffect, createContext, useContext } from 'react'
+import  firebase from '../firebase/clientApp'
+export const UserContext = createContext()
+export default function UserContextComp({ children }) {
+  const [user, setUser] = useState(null)
+  const [loadingUser, setLoadingUser] = useState(true) // Helpful, to update the UI accordingly.
+  useEffect(() => {
+    // Listen authenticated user
+    const unsubscriber = firebase.auth().onAuthStateChanged(async (user) => {
+      try {
+        if (user) {
+          // User is signed in.
+          const { uid, displayName, email } = user
+          // You could also look for the user doc in your Firestore (if you have one):
+          // const userDoc = await firebase.firestore().doc(`users/${uid}`).get()
+          setUser({ uid, displayName, email })
+        } else setUser(null)
+      } catch (error) {
+        // Most probably a connection error. Handle appropriately.
+      } finally {
+        setLoadingUser(false)
+      }
+    })
+    // Unsubscribe auth listener on unmount
+    return () => unsubscriber()
+  }, [])
+  return (
+    <UserContext.Provider value={{ user, setUser, loadingUser ,setLoadingUser}}>
+      {children}
+    </UserContext.Provider>
+  )
+}
+// Custom hook that shorhands the context!
+export const useUser = () => useContext(UserContext)
+```
 また、[next.config.js](https://nextjs.org/docs/api-reference/next.config.js/introduction)この記事を読んでconfigにも自身がなくなりました、

修正

2020/09/01 00:54

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -2,7 +2,7 @@
+プログラミング初心者です
 Next.jsを用いたログイン機能のを実装していまして、
@@ -80,7 +80,7 @@
+SignUpがコンテキストから取れてないと思うのですが、どうすれば原因が特定できるでしょうか

修正

2020/09/01 00:42

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -138,6 +138,8 @@
 ```
+```
 LogIn.js

修正

2020/08/31 23:44

投稿

tomsuma

スコア38

test CHANGED Viewed

	@@ -1 +1 @@
1	- TypeError: createLogin is not a function
1	+ TypeError: createLogin is not a functionが消えません

test CHANGED Viewed

File without changes

TypeError: createLogin is not a functionエラーが消えません

2020/08/31 23:43

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,3 +1,9 @@
+TypeError: createLogin is not a functionエラーが消えません
 Next.jsを用いたログイン機能のを実装していまして、
 Login画面には問題なく移行できるのですが、

修正

2020/08/31 23:43

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -299,3 +299,49 @@
 };
 ```
+また、[next.config.js](https://nextjs.org/docs/api-reference/next.config.js/introduction)この記事を読んでconfigにも自身がなくなりました、
+```
+require("dotenv").config();
+const path = require("path");
+const Dotenv = require("dotenv-webpack");
+module.exports = {
+  webpack: config => {
+    config.plugins = config.plugins || [];
+    config.plugins = [
+      ...config.plugins,
+      // Read the .env file
+      new Dotenv({
+        path: path.join(__dirname, ".env"),
+        systemvars: true
+      })
+    ];
+    return config;
+  }
+};
+```

修正

2020/08/31 22:02

投稿

tomsuma

スコア38

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -126,103 +126,9 @@
     at discreteUpdates (react-dom.development.js?61bb:806)
-    at dispatchDiscreteEvent (react-dom.development.js?61bb:4168)
-handleSubmit @ Login.js?5292:11
-callCallback @ react-dom.development.js?61bb:188
-invokeGuardedCallbackDev @ react-dom.development.js?61bb:237
-invokeGuardedCallback @ react-dom.development.js?61bb:292
-invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?61bb:306
-executeDispatch @ react-dom.development.js?61bb:389
-executeDispatchesInOrder @ react-dom.development.js?61bb:414
-executeDispatchesAndRelease @ react-dom.development.js?61bb:3278
-executeDispatchesAndReleaseTopLevel @ react-dom.development.js?61bb:3287
-forEachAccumulated @ react-dom.development.js?61bb:3259
-runEventsInBatch @ react-dom.development.js?61bb:3304
-runExtractedPluginEventsInBatch @ react-dom.development.js?61bb:3514
-handleTopLevel @ react-dom.development.js?61bb:3558
-batchedEventUpdates$1 @ react-dom.development.js?61bb:21871
-batchedEventUpdates @ react-dom.development.js?61bb:795
-dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?61bb:3568
-attemptToDispatchEvent @ react-dom.development.js?61bb:4267
-dispatchEvent @ react-dom.development.js?61bb:4189
-unstable_runWithPriority @ scheduler.development.js?3069:653
-runWithPriority$1 @ react-dom.development.js?61bb:11039
-discreteUpdates$1 @ react-dom.development.js?61bb:21887
-discreteUpdates @ react-dom.development.js?61bb:806
-dispatchDiscreteEvent @ react-dom.development.js?61bb:4168
-react-dom.development.js?61bb:327 Uncaught TypeError: createLogin is not a function
-    at handleSubmit (Login.js?5292:11)
-    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:188)
-    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:237)
-    at invokeGuardedCallback (react-dom.development.js?61bb:292)
-    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?61bb:306)
-    at executeDispatch (react-dom.development.js?61bb:389)
-    at executeDispatchesInOrder (react-dom.development.js?61bb:414)
-    at executeDispatchesAndRelease (react-dom.development.js?61bb:3278)
-    at executeDispatchesAndReleaseTopLevel (react-dom.development.js?61bb:3287)
-    at forEachAccumulated (react-dom.development.js?61bb:3259)
-    at runEventsInBatch (react-dom.development.js?61bb:3304)
-    at runExtractedPluginEventsInBatch (react-dom.development.js?61bb:3514)
-    at handleTopLevel (react-dom.development.js?61bb:3558)
-    at batchedEventUpdates$1 (react-dom.development.js?61bb:21871)
-    at batchedEventUpdates (react-dom.development.js?61bb:795)
-    at dispatchEventForLegacyPluginEventSystem (react-dom.development.js?61bb:3568)
-    at attemptToDispatchEvent (react-dom.development.js?61bb:4267)
-    at dispatchEvent (react-dom.development.js?61bb:4189)
-    at unstable_runWithPriority (scheduler.development.js?3069:653)
-    at runWithPriority$1 (react-dom.development.js?61bb:11039)
-    at discreteUpdates$1 (react-dom.development.js?61bb:21887)
-    at discreteUpdates (react-dom.development.js?61bb:806)
-    at dispatchDiscreteEvent (react-dom.development.js?61bb:4168)
-```
+**省略
 ```
@@ -326,6 +232,26 @@
       await app.auth().signInWithEmailAndPassword(email, password);
+      history.push("/");　　　Next.jsでhistorｙは使わない？
+    } catch (error) {
+      alert(error);
+    }
+  };
+  // 新しいユーザーを作成しログインさせる関数
+  const signup = async (email, password, history) => {
+    try {
+      await app.auth().createUserWithEmailAndPassword(email, password);
       history.push("/");
     } catch (error) {
@@ -338,26 +264,6 @@
-  // 新しいユーザーを作成しログインさせる関数
-  const signup = async (email, password, history) => {
-    try {
-      await app.auth().createUserWithEmailAndPassword(email, password);
-      history.push("/");
-    } catch (error) {
-      alert(error);
-    }
-  };
   useEffect(() => {
     app.auth().onAuthStateChanged(setCurrentUser);