React SPA with search and filter

Please create a React SPA with the following functionalities:
1. User would see an empty page initially.
2. User can trigger search with item number in search field directly.
- Item number can be multiple with comma separated.
3. User can trigger search using filter panel by applying one or more filters.
a. User can open the panel by clicking the filter button
b. Filter has 2 different style: free text field and multi-selection
c. For this exericise please implement the following filters
i. Item Number (numeric, comma separated, free text field)
ii. Order Number (numeric, comma separated, free text field)
iii. Type (multi-selection):
Options: “EDF”, “CAO”, “SFO”

4. Once search is performed, the main screen will turn into table with search result.
5. When the user clicks on “reset all” button in filter panel, the screen returns to empty page.

More detail, I'll provide by chat.