update component types to use PropsWithChildren

Author: Regaddi

src/DailyParticipants.tsx

@@ -40,7 +40,9 @@ export const participantState = selectorFamily<
     },
 });
 
-export const DailyParticipants: React.FC = ({ children }) => {
+export const DailyParticipants: React.FC<React.PropsWithChildren<{}>> = ({
+  children,
+}) => {
   const daily = useDaily();
 
   useDailyEvent(

src/DailyProvider.tsx

@@ -32,7 +32,10 @@ type Props =
 
 type EventsMap = Partial<Record<DailyEvent, Map<number, Function>>>;
 
-export const DailyProvider: React.FC<Props> = ({ children, ...props }) => {
+export const DailyProvider: React.FC<React.PropsWithChildren<Props>> = ({
+  children,
+  ...props
+}) => {
   const [callObject, setCallObject] = useState<DailyCall | null>(
     'callObject' in props ? props.callObject : null
   );

src/DailyRoom.tsx

@@ -10,7 +10,9 @@ export const roomState = atom<DailyRoomInfo | null>({
   default: null,
 });
 
-export const DailyRoom: React.FC = ({ children }) => {
+export const DailyRoom: React.FC<React.PropsWithChildren<{}>> = ({
+  children,
+}) => {
   const daily = useDaily();
 
   const updateRoom = useRecoilCallback(