'Is there a specific way to add an ID to a Multiselect in react with MUI?

I'm trying to edit my page so that accessibility is not blocked based on users browsers. I need to add an id to all input elements in order to use the attribute.

Can anyone aid with editing this?

<label htmlFor="Areas">Area</label>
          <MultiSelect
            options={Areas}
            value={selectedAreas}
            onChange={(e: any) =>
              multipleSelectionChanged(e, "areas", setSelectedArea, props.mutipleSelectionChanged)
            }
            labelledBy="--Select Value--"
          />

I'm not sure where to add the id so I can change the 'htmlFor' label to coincide.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Is there a specific way to add an ID to a Multiselect in react with MUI?

Sources

Related Questions