Looking for React and Typescript Expert

For this first task is to make a customize component. I want you to create a custom "auto-suggest" type-ahead input. By that I mean it must be a text input that when you focus on will show a dropdown of options. Here are the requirements: The input must accept property items (type of Array<{ id: string; value: string}>) The input must accept selectedValue: string | null | undefined which corresponds to the currently selected value. It can be null which indicates that no value has been selected. The input must accept onValueSelected: (id: string) => void The input must accept onNewOption: (partialName: string) => void; // partialName -> partially typed text. So if people type "Aust " -> then click "+ Add new", it should call this function with partialName = 'Aust' The input must accept property createLabel: string (so you can customize "+ Add new" text) The input must always show "+ Add new" option unless there is a PERFECT match (so if you typed "Australia" and there is an item that exactly matches that text (case insensitive), then use that The input must work in IE 11+, Firefox, Chrome, Safari The project should use Typescript . For simple setup, please use this create-react-app: [login to view URL] The input should show suggestions based on "similarity score". Please use this library to score different strings: [login to view URL] The input must show no more than 5 options at a time [login to view URL]