missing config type added

src/Jitsi.tsx

@@ -1,97 +1,107 @@
-import React, { useState, useEffect, useRef } from 'react'
-import { Props, JitsiMeetAPIOptions } from './types'
-import * as Default from './defaults'
-import { importJitsiApi } from './utils'
+import React, { useState, useEffect, useRef } from "react";
+import { Props, JitsiMeetAPIOptions } from "./types";
+import * as Default from "./defaults";
+import { importJitsiApi } from "./utils";
 
 const Jitsi: React.FC<Props> = (props: Props) => {
-    const {
-        containerStyle,
-        frameStyle,
-        loadingComponent,
-        onAPILoad,
-        onIframeLoad,
-        domain,
+  const {
+    containerStyle,
+    frameStyle,
+    loadingComponent,
+    onAPILoad,
+    onIframeLoad,
+    domain,
+    roomName,
+    password,
+    displayName,
+    config,
+    interfaceConfig,
+    noSSL,
+    jwt,
+    devices,
+    userInfo,
+  } = { ...Default.Props, ...props };
+
+  const [loading, setLoading] = useState(true);
+  const ref = useRef<HTMLDivElement | null>(null);
+
+  const Loader = loadingComponent || Default.Loader;
+
+  const startConference = (JitsiMeetExternalAPI: any): void => {
+    try {
+      console.log("interfaceConfig", interfaceConfig);
+
+      const options: JitsiMeetAPIOptions = {
         roomName,
-        password,
-        displayName,
-        config,
-        interfaceConfig,
+        parentNode: ref.current,
+        configOverwrite: config,
+        interfaceConfigOverwrite: interfaceConfig,
         noSSL,
         jwt,
+        onLoad: onIframeLoad,
         devices,
         userInfo,
-    } = { ...Default.Props, ...props }
-
-    const [loading, setLoading] = useState(true)
-    const ref = useRef<HTMLDivElement | null>(null)
-
-    const Loader = loadingComponent || Default.Loader
-
-    const startConference = (JitsiMeetExternalAPI: any): void => {
-
-        try {
-
-            console.log('interfaceConfig', interfaceConfig);
-
-
-            const options: JitsiMeetAPIOptions = {
-                roomName,
-                parentNode: ref.current,
-                configOverwrite: config,
-                interfaceConfigOverwrite: interfaceConfig,
-                noSSL,
-                jwt,
-                onLoad: onIframeLoad,
-                devices,
-                userInfo,
-            }
-
-            const api = new JitsiMeetExternalAPI(domain, options)
-
-            if (!api) throw new Error('Failed to create JitsiMeetExternalAPI istance')
-
-            if (onAPILoad) onAPILoad(api)
-
-            api.addEventListener('videoConferenceJoined', () => {
-
-                setLoading(false)
-
-                api.executeCommand('displayName', displayName)
-
-                if (domain === Default.Props.domain && password)
-                    api.executeCommand('password', password)
-
-            })
-
-            /** 
-             * If we are on a self hosted Jitsi domain, we need to become moderators before setting a password
-             * Issue: https://community.jitsi.org/t/lock-failed-on-jitsimeetexternalapi/32060
-             */
-            api.addEventListener('participantRoleChanged', (e: { id: string; role: string }) => {
-
-                if (domain !== Default.Props.domain && password && e.role === 'moderator')
-                    api.executeCommand('password', password)
-
-            })
-
-        } catch (error) { console.error('Failed to start the conference', error) }
-
+      };
+
+      const api = new JitsiMeetExternalAPI(domain, options);
+
+      if (!api)
+        throw new Error("Failed to create JitsiMeetExternalAPI istance");
+
+      if (onAPILoad) onAPILoad(api);
+
+      api.addListener("videoConferenceJoined", () => {
+        setLoading(false);
+
+        api.executeCommand("displayName", displayName);
+
+        if (domain === Default.Props.domain && password)
+          api.executeCommand("password", password);
+      });
+
+      /**
+       * If we are on a self hosted Jitsi domain, we need to become moderators before setting a password
+       * Issue: https://community.jitsi.org/t/lock-failed-on-jitsimeetexternalapi/32060
+       */
+      api.addListener(
+        "participantRoleChanged",
+        (e: { id: string; role: string }) => {
+          if (
+            domain !== Default.Props.domain &&
+            password &&
+            e.role === "moderator"
+          )
+            api.executeCommand("password", password);
+        }
+      );
+    } catch (error) {
+      console.error("Failed to start the conference", error);
     }
-
-    useEffect(() => { 
-        importJitsiApi().then(jitsiApi => {
-            startConference(jitsiApi);
-        }).catch(err => {
-            console.error('Jitsi Meet API library not loaded.', err)
-        })
-    }, [])
-
-    return (
-        <div id='react-jitsi-container' style={{ ...Default.ContainerStyle, ...containerStyle }}>
-            {loading && <Loader />}
-            <div id='react-jitsi-frame' style={{ ...Default.FrameStyle(loading), ...frameStyle }} ref={ref} />
-        </div>
-    )
-}
-
-export default Jitsi
+  };
+
+  useEffect(() => {
+    importJitsiApi()
+      .then((jitsiApi) => {
+        startConference(jitsiApi);
+      })
+      .catch((err) => {
+        console.error("Jitsi Meet API library not loaded.", err);
+      });
+  }, []);
+
+  return (
+    <div
+      id="react-jitsi-container"
+      style={{ ...Default.ContainerStyle, ...containerStyle }}
+    >
+      {loading && <Loader />}
+      <div
+        id="react-jitsi-frame"
+        style={{ ...Default.FrameStyle(loading), ...frameStyle }}
+        ref={ref}
+      />
+    </div>
+  );
+};
+
+export default Jitsi;