85 | {sessionData
86 | ?
87 | {sessionData ?
88 |
89 | {sessionData?.user?.id ? : null}
90 | {JSON.stringify(sessionData)}
91 |
: null}
92 | {secretMessage ?
93 |
94 | {secretMessage}
95 |
: null}
96 |
97 |
103 |
104 | : showConnection
105 | ?
106 | {isConnected
107 | ?
113 | : null
114 | }
115 |
116 | : null
117 | }
118 | {showConnection
119 | ?
120 | {address
121 | ?
122 | {address}
123 |
124 | : null
125 | }
126 |
132 |
133 | : null}
134 |
135 | );
136 | };
137 |
138 | // Page Component
139 | // ========================================================
140 | const Home: NextPage = () => {
141 | // Requests
142 | const hello = api.example.hello.useQuery({ text: "from tRPC" });
143 |
144 | // Render
145 | return (
146 | <>
147 |
148 |