docs: small update to sign in/out examples (#1016)

* Update examples in client.md * Update more examples Co-authored-by: Balázs Orbán <[email protected]>
nextauthjs · Jan 1, 2021 · c684336 · c684336
1 parent 82d16e6
commit c684336
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -117,8 +117,8 @@ export default NextAuth({
 import React from 'react'
 import { 
   useSession, 
-  signin, 
-  signout 
+  signIn,
+  signOut
 } from 'next-auth/client'
 
 export default function myComponent() {
@@ -127,11 +127,11 @@ export default function myComponent() {
   return <p>
     {!session && <>
       Not signed in <br/>
-      <button onClick={signin}>Sign in</button>
+      <button onClick={() => signIn()}>Sign in</button>
     </>}
     {session && <>
       Signed in as {session.user.email} <br/>
-      <button onClick={signout}>Sign out</button>
+      <button onClick={() => signOut()}>Sign out</button>
     </>}
   </p>
 }

diff --git a/www/docs/getting-started/client.md b/www/docs/getting-started/client.md
@@ -169,7 +169,7 @@ The `signIn()` method can be called from the client in different ways, as shown
 import { signIn } from 'next-auth/client'
 
 export default () => (
-  <button onClick={signIn}>Sign in</button>
+  <button onClick={() => signIn()}>Sign in</button>
 )
 ```
 
@@ -224,7 +224,7 @@ It reloads the page in the browser when complete.
 import { signOut } from 'next-auth/client'
 
 export default () => (
-  <button onClick={signOut}>Sign out</button>
+  <button onClick={() => signOut()}>Sign out</button>
 )
 ```
 

diff --git a/www/docs/getting-started/example.md b/www/docs/getting-started/example.md
@@ -56,11 +56,11 @@ export default function Page() {
   return <>
     {!session && <>
       Not signed in <br/>
-      <button onClick={signIn}>Sign in</button>
+      <button onClick={() => signIn()}>Sign in</button>
     </>}
     {session && <>
       Signed in as {session.user.email} <br/>
-      <button onClick={signOut}>Sign out</button>
+      <button onClick={() => signOut()}>Sign out</button>
     </>}
   </>
 }

diff --git a/www/src/pages/index.js b/www/src/pages/index.js
@@ -205,11 +205,11 @@ export default function myComponent() {
   return <>
     {!session && <>
       Not signed in <br/>
-      <button onClick={signIn}>Sign in</button>
+      <button onClick={() => signIn()}>Sign in</button>
     </>}
     {session && <>
       Signed in as {session.user.email} <br/>
-      <button onClick={signOut}>Sign out</button>
+      <button onClick={() => signOut()}>Sign out</button>
     </>}
   </>
 }