Function PullAudioTracks

app/components/PullAudioTracks.tsx:12–41

({
	audioTracks,
	children,
})

const AudioTrackContext = createContext<Record<string, MediaStreamTrack>>({})

export const PullAudioTracks: FC<PullAudioTracksProps> = ({
	audioTracks,
	children,
}) => {
	const [audioTrackMap, setAudioTrackMap] = useState<
		Record<string, MediaStreamTrack>
	>({})

	return (
		<AudioTrackContext.Provider value={audioTrackMap}>
			<AudioStream
				tracksToPull={audioTracks}
				onTrackAdded={(id, track) =>
					setAudioTrackMap((previous) => ({
						...previous,
						[id]: track,
					}))
				}
				onTrackRemoved={(id) => {
					setAudioTrackMap((previous) => {
						const update = { ...previous }
						delete update[id]
						return update
					})
				}}
			/>
			{children}
		</AudioTrackContext.Provider>
	)
}

export function usePulledAudioTracks() {
	return useContext(AudioTrackContext)