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]>

Author: melanieseltzer

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>
 }

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>
 )
 ```
 

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>
     </>}
   </>
 }

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>
     </>}
   </>
 }