Gamehub source code download produces TS error in Emoji.tsx

React
1

I’m taking the intermediate React course. I cloned the repo with the source code for the introductory course, but when I open the project I’m getting a typescript error in src\components\Emoji.tsx. Specifically the return statement ( return <Image {…emojiMap[rating]} marginTop={1} />; ) is giving an error that says Expression produces a union type that is too complex to represent.

Things I have tried which did not work:
Restarting everything
Updating Typescript
Recloning
Deleting Node_modules and re-running npm install
Simplifying the code to be more verbose and explicit
Arguing with GPT 4

Running out of ideas here…

2

Mosh addresses that somewhere. Search for “Typesript version” in the command palette and select “use workspace version”.

3 Likes