feat: AuthShowcase only makes query when logged in (#675)

t3-oss · Nov 3, 2022 · 5d20745 · 5d20745
1 parent fde5b76
commit 5d20745
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/.changeset/unlucky-clocks-report.md b/.changeset/unlucky-clocks-report.md
@@ -0,0 +1,5 @@
+---
+"create-t3-app": minor
+---
+
+only try to get secret message if there is a user
diff --git a/cli/template/page-studs/index/with-auth-trpc-tw.tsx b/cli/template/page-studs/index/with-auth-trpc-tw.tsx
@@ -64,10 +64,13 @@ const Home: NextPage = () => {
 export default Home;
 
 const AuthShowcase: React.FC = () => {
-  const { data: secretMessage } = trpc.auth.getSecretMessage.useQuery();
-
   const { data: sessionData } = useSession();
 
+  const { data: secretMessage } = trpc.auth.getSecretMessage.useQuery(
+    undefined, // no input
+    { enabled: sessionData?.user !== undefined },
+  );
+
   return (
     <div className="flex flex-col items-center justify-center gap-2">
       {sessionData && (

diff --git a/cli/template/page-studs/index/with-auth-trpc.tsx b/cli/template/page-studs/index/with-auth-trpc.tsx
@@ -69,10 +69,13 @@ const Home: NextPage = () => {
 export default Home;
 
 const AuthShowcase: React.FC = () => {
-  const { data: secretMessage } = trpc.auth.getSecretMessage.useQuery();
-
   const { data: sessionData } = useSession();
 
+  const { data: secretMessage } = trpc.auth.getSecretMessage.useQuery(
+    undefined, // no input
+    { enabled: sessionData?.user !== undefined },
+  );
+
   return (
     <div className={styles.authShowcase}>
       {sessionData && <p>Logged in as {sessionData?.user?.name}</p>}