fix(livestream-app): use a correct token type (#907)

Ignore the token provided by the documentation tutorials. Live streaming examples should use anonymous user tokens.
GetStream · Aug 7, 2023 · 0988039 · 0988039
1 parent e3a4636
commit 0988039
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/sample-apps/react/livestream-app/src/hooks/useInitVideoClient.ts b/sample-apps/react/livestream-app/src/hooks/useInitVideoClient.ts
@@ -19,7 +19,12 @@ export const useInitVideoClient = ({
 }: PropsWithChildren<VideoClientProviderProps>) => {
   const { callId } = useParams<{ callId: string }>();
   const { api_key, token, type } = getURLCredentials();
-  const user = useMemo(getUser, []);
+  const user = useMemo(() => {
+    if (isAnon) {
+      return { id: '!anon' };
+    }
+    return getUser();
+  }, [isAnon]);
   const apiKey = api_key ?? envApiKey;
 
   const [client, setClient] = useState<StreamVideoClient>();
@@ -41,8 +46,8 @@ export const useInitVideoClient = ({
     };
     const _client = new StreamVideoClient({
       apiKey,
-      tokenProvider,
-      token,
+      ...(isAnon && { tokenProvider }),
+      ...(!isAnon && { token }),
       user: isAnon ? { type: 'anonymous' } : role ? { ...user, role } : user,
     });
     setClient(_client);