After installing NPM and running npm install & npm start Im getting the following error.

./src/pages/Results.tsx 120:10
Module parse failed: Unexpected token (120:10)
You may need an appropriate loader to handle this file type.
|       columnNumber: 11
|     }
>   }, race?.Circuit.Location.country, " ", race?.season)), /*#__PURE__*/React.createElement(IonToolbar, {
|     __self: _this,
|     __source: {

How can I fix this error?

Description

As a user,
When I display the race schedule and press the sprint qualifying,
Then I should navigate to the sprint qualifying results.

Description

As a developer,
When I display the race result,
Then I should fetch data only once.

Fix the errors when displaying the <ConstructorDetails/> or <DriverDetails/> of a new constructor or driver who haven't previous seasons.

Description

As a user,
When I display the race schedule,
Then I should find the date and time of the sprint qualifying
If a race have one.

Data

Ergast API now provide date and time data for sprint qualifying.

The USA flag never loads up but file opens when not using any server to run.
The UAE flag also looks weird.

Description

As a user,
When I display the race schedule,
Then I should find sessions in the right order.

Bug

Now that Sprint race schedule is available,
the schedule is not in the right order anymore
since the qualifying take place in friday for sprint race weekend.

Screenshot

Update race schedule to match the new Sprint format of 2024.

Example :

Description

As a user,
When I display the race results,
Then I should find the sprint qualifying results,
If a race have one.

Data

Ergast API now provide results data for sprint qualifying.