Use union type for openidloader state

Co-authored-by: Daniel Abramov <inetcrack2@gmail.com>

src/livekit/OpenIDLoader.tsx

@@ -47,8 +47,9 @@ export function OpenIDLoader({
   roomName,
   children,
 }: Props) {
-  const [sfuConfig, setSFUConfig] = useState<SFUConfig>();
+  const [state, setState] = useState<
-  const [error, setError] = useState<Error>();
+    SFUConfigLoading | SFUConfigLoaded | SFUConfigFailed
+  >({ kind: "loading" });
 
   useEffect(() => {
     (async () => {
@@ -58,23 +59,38 @@ export function OpenIDLoader({
           livekitServiceURL,
           roomName
         );
-        setSFUConfig(result);
+        setState({ kind: "loaded", sfuConfig: result });
       } catch (e) {
         logger.error("Failed to fetch SFU config: ", e);
-        setError(new Error("Failed to fetch SFU config"));
+        setState({ kind: "failed", error: e });
       }
     })();
   }, [client, livekitServiceURL, roomName]);
 
-  if (error) {
+  switch (state.kind) {
-    return <ErrorView error={error} />;
+    case "loading":
-  } else if (sfuConfig) {
+      return <LoadingView />;
-    return (
+    case "failed":
-      <SFUConfigContext.Provider value={sfuConfig}>
+      return <ErrorView error={state.error} />;
-        {children}
+    case "loaded":
-      </SFUConfigContext.Provider>
+      return (
-    );
+        <SFUConfigContext.Provider value={state.sfuConfig}>
-  } else {
+          {children}
-    return <LoadingView />;
+        </SFUConfigContext.Provider>
+      );
   }
 }
+
+type SFUConfigLoading = {
+  kind: "loading";
+};
+
+type SFUConfigLoaded = {
+  kind: "loaded";
+  sfuConfig: SFUConfig;
+};
+
+type SFUConfigFailed = {
+  kind: "failed";
+  error: Error;
+};