Merge branch 'main' into daily-js-releases

Author: Daily Autobot

src/hooks/useCallInstance.ts

@@ -5,7 +5,9 @@ import { customDeepEqual } from '../lib/customDeepEqual';
 
 type InstanceType = 'callFrame' | 'callObject';
 
-const defaultOptions: DailyFactoryOptions = {};
+const defaultOptions: DailyFactoryOptions = {
+  strictMode: true,
+};
 const defaultShouldCreateInstance = () => true;
 
 export interface Props {
@@ -100,23 +102,30 @@ export const useCallInstance = (
        * but should be created.
        * Important to spread props, because createCallObject/createFrame alters the passed object (adds layout and dailyJsVersion).
        */
-      switch (type) {
-        case 'callFrame':
-          co = parentElRef?.current
-            ? Daily.createFrame(parentElRef.current, { ...options })
-            : Daily.createFrame({ ...options });
-          break;
-        case 'callObject':
-          co = Daily.createCallObject({ ...options });
-          break;
+      try {
+        switch (type) {
+          case 'callFrame':
+            co = parentElRef?.current
+              ? Daily.createFrame(parentElRef.current, { ...options })
+              : Daily.createFrame({ ...options });
+            break;
+          case 'callObject':
+            co = Daily.createCallObject({ ...options });
+            break;
+        }
+        lastUsedOptions.current = options;
+
+        setCallInstance(co);
+
+        co.once('call-instance-destroyed', handleDestroyedInstance);
+      } catch (e) {
+        console.error('Error creating call instance:', e);
+        if (options.strictMode) {
+          throw e;
+        }
       }
-      lastUsedOptions.current = options;
     }
 
-    setCallInstance(co);
-
-    co.once('call-instance-destroyed', handleDestroyedInstance);
-
     /**
      * No cleanup phase here, because callObject.destroy() returns a Promise.
      * We can't have asynchronous cleanups in a useEffect.

src/hooks/useCallObject.ts

@@ -4,6 +4,8 @@ type CallObjectProps = Omit<Props, 'parentEl'>;
 
 /**
  * Helper hook to maintain custom callObject instances in React codebases.
+ * This hook will throw an error if the call object cannot be created in strict mode,
+ * which is true when the browser doesn't support WebRTC.
  */
 export const useCallObject = (props: CallObjectProps) =>
   useCallInstance('callObject', props);