Develop three react components with data fetching and a react context

You need to develop three react components:
- CompetitionPicker: this is a select-based element which allows you to pick a competition.
The list of those competitions are going to be supplied from an API call.

- SeasonsPicker: this is a select-based element wich allows you to pick a season.
The list of those competitions are going to be supplied from an API call, this is dependent on competition.

- TeamPicker: this is a select-based element wich allows you to pick a team.
The list of those teams are going to be supplied from an API call, this is dependent on competition and season.


I need you to develop those three components using Typescript. The only bundler allowed here is parcel, sorry but webpack
is too complicated for me to maintain, this is non negotiable.

At the same time I am going to need you to develop a React Context for the above scenario, as you might realise
those components share some data (competition, season).

I will give you a class to make the api call, each api call is an async method, you will need to use this class
within your project.

Please, keep the code at a minimum, do not overcomplicate things, the goal is to have a prototype around React Context
and do the data fetching for each of those single components.

I want you to create a file components.tsx with all those components code.