'Styled component warning on Select element

Im creating a dropdown component using Styled Components, and in getting this warning in the first line of my tsx file

import styled from "styled-components";

Warning:

Select element must have an accessible name: Element has no title attribute Microsoft Edge Toolsaxe/forms

Current code

import styled from "styled-components";

const customDropDown = () => {
    return (
        <>
            <label htmlFor="cars">Choose a car:</label>
            <DDList name="cars" id="cars" aria-label="Dropdown">
                <option value="ss">Car 1</option>
                <option value="ss">Car 2</option>
                <option value="ss">Car 3</option>
            </DDList>
        </>
    );
};

export default customDropDown;

const DDList = styled.select``;



Sources

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

Source: Stack Overflow

Solution Source