# Gamehub Typescript error

**URL:** <https://forum.codewithmosh.com/t/gamehub-typescript-error/71156>\
**Category:** React\
**Created:** [March 20, 2025, 1:12am UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156 "2025-03-20T01:12:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![quangiahopan](https://avatars.discourse-cdn.com/v4/letter/q/91b2a8/32.png) [@quangiahopan](https://forum.codewithmosh.com/u/quangiahopan)\
**Post date:** [March 20, 2025, 1:12am UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156/1 "2025-03-20T01:12:57Z")

</div>

I’ve just installed a new project with the same dependencies as game-hub repository.  
But I got this weird error for almost every component in chakra ui.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/a/aecd4e16aa588fbf5a9e8cacc66eca5d49395655.png)  
What am I missing here ?

Thank you for your time.

---

<div class="post-metadata">

**Author:** ![theorion](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/theorion/32/7783_2.png) [@theorion](https://forum.codewithmosh.com/u/theorion)\
**Post date:** [March 20, 2025, 1:14am UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156/2 "2025-03-20T01:14:18Z")

</div>

If you’d hover mouse over so it can be read, or paste the message

---

<div class="post-metadata">

**Author:** ![quangiahopan](https://avatars.discourse-cdn.com/v4/letter/q/91b2a8/32.png) [@quangiahopan](https://forum.codewithmosh.com/u/quangiahopan)\
**Post date:** [March 20, 2025, 3:11pm UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156/5 "2025-03-20T15:11:28Z")

</div>

The first error is resolved by choosing Typescript Version to Use workspace Version.  
Now I got a new error in this IconList component

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/5/5933b5824bbdf4102ec26dba8096c524b1da09cb.png)

---

<div class="post-metadata">

**Author:** ![quangiahopan](https://avatars.discourse-cdn.com/v4/letter/q/91b2a8/32.png) [@quangiahopan](https://forum.codewithmosh.com/u/quangiahopan)\
**Post date:** [March 20, 2025, 3:16pm UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156/6 "2025-03-20T15:16:51Z")

</div>

Oh turns out I used the wrong version of react-icons as opposed to the ultimate react course 1

---

<div class="post-metadata">

**Author:** ![theorion](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/theorion/32/7783_2.png) [@theorion](https://forum.codewithmosh.com/u/theorion)\
**Post date:** [March 20, 2025, 4:23pm UTC](https://forum.codewithmosh.com/t/gamehub-typescript-error/71156/7 "2025-03-20T16:23:03Z")

</div>

Looks like you need to set a type to receive, looks like a string so by icon place \< string\> or some kind of htmlelement type.

Or the as keyword might be trying to assign icon as the type rather than a type attributed to it.