improve throttling in useThrottledDailyEvent

Increasing default throttle timeout to 500 drastically improves CPU & RAM when joining large calls.
Also remove additional 0ms timeout.

Author: Regaddi

src/components/DailyAudio.tsx

@@ -280,7 +280,8 @@ export const DailyAudio = memo(
             });
           },
           [assignSpeaker, localSessionId, removeSpeaker]
-        )
+        ),
+        200
       );
 
       const rmpAudioIds = useParticipantIds({

src/hooks/useThrottledDailyEvent.ts

@@ -33,7 +33,7 @@ type EventCallback<T extends DailyEvent | DailyEvent[]> = (
 export const useThrottledDailyEvent = <T extends DailyEvent>(
   ev: T | T[],
   callback: EventCallback<EnsureArray<T>>,
-  throttleTimeout = 100
+  throttleTimeout = 500
 ) => {
   const { off, on } = useContext(DailyEventContext);
   const eventId = useMemo(() => {
@@ -74,11 +74,7 @@ export const useThrottledDailyEvent = <T extends DailyEvent>(
     if (!ev) return;
     const addEvent = (ev: DailyEventObject) => {
       throttledEvents.current.push(ev);
-      /**
-       * A 0ms timeout allows the event loop to process additional incoming events,
-       * while the throttle is active. Otherwise every event would be delayed.
-       */
-      setTimeout(emitEvents, 0);
+      emitEvents();
     };
     if (Array.isArray(ev)) {
       ev.forEach((e) => on(e, addEvent, eventId[e]));