[BUG] 'LiveKitRoom' cannot be used as a JSX component.

[alextumuruc]

Describe the bug I got the latest version of Egress and trying to run templates locally, but get type errors

Egress Version What version are you running?

Egress Request Post the request here (be sure to remove any PII).

Additional context Add any other context about the problem here.

Logs ` 'LiveKitRoom' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. 44 | 45 | return (

46 | <LiveKitRoom serverUrl={url} token={token} onError={setError}> | ^^^^^^^^^^^ 47 | {error ? <div className="error">{error.message} : <CompositeTemplate layout={layout} />} 48 | </LiveKitRoom> as JSX.Element 49 | )

ERROR in src/Room.tsx:159:12 TS2786: 'ParticipantTile' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. 157 | main = ( 158 | <GridLayout tracks={filteredTracks}>

159 | <ParticipantTile /> | ^^^^^^^^^^^^^^^ 160 | </GridLayout> 161 | ); 162 | }

ERROR in src/SingleSpeakerLayout.tsx:25:11 TS2786: 'VideoTrack' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null'. 23 | return null; 24 | }

25 | return <VideoTrack trackRef={sortedReferences[0] as TrackReference} />; | ^^^^^^^^^^ 26 | }; 27 | 28 | export default SingleSpeakerLayout;

ERROR in src/SpeakerLayout.tsx:36:13 TS2786: 'VideoTrack' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null'. 34 | } else if (remainingTracks.length === 0) { 35 | const trackRef = mainTrack as TrackReference;

36 | return <VideoTrack trackRef={trackRef} />; | ^^^^^^^^^^ 37 | } 38 | 39 | return (

ERROR in src/SpeakerLayout.tsx:42:10 TS2786: 'ParticipantTile' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. 40 | <div className="lk-focus-layout"> 41 | <CarouselLayout tracks={remainingTracks}>

42 | <ParticipantTile /> | ^^^^^^^^^^^^^^^ 43 | </CarouselLayout> 44 | <FocusLayout trackRef={mainTrack as TrackReference} /> 45 |

`