LiveKit Community

Why do I get this error here

const tracks = useTracks([Track.Source.Microphone, Track.Source.ScreenShare], {
    onlySubscribed: true,
  });

The error is [TypeError: Cannot read property ‘toLowerCase’ of undefined]

Thanks for reaching out, Sumiya. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.


The error `TypeError: Cannot read property ‘toLowerCase’ of undefined` typically occurs when an undefined value is being passed where a valid `Track.Source` is expected. Here are some steps to resolve this:

• *Verify Track Sources:* Ensure that all values passed to `useTracks` are valid `Track.Source` values. For example, check that `Track.Source.Microphone` and `Track.Source.ScreenShare` are correctly imported and defined.
• *Filter Undefined Sources:* Add a filter to remove any undefined sources before passing them to `useTracks`:
```const validSources = [Track.Source.Microphone, Track.Source.ScreenShare].filter(source =&gt; source !== undefined);
const tracks = useTracks(validSources, { onlySubscribed: true });```
• *Check Participant Context:* If the error persists, ensure that the participant context is valid and properly initialized when using `useTracks`.
Let me know if you need further assistance or additional debugging steps!
