<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I tried using the <code class="notranslate">@types/color</code> package and had problems.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I tried using the latest stable version of tsc. <a href="https://www.npmjs.com/package/color" rel="nofollow">https://www.npmjs.com/package/color</a>
<ul dir="auto">
<li>Authors: @<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jameswlane/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jameswlane">@jameswlane</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/BeeeQueue/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/BeeeQueue">@BeeeQueue</a></li>
</ul>
</li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
 ERROR  ERROR in /Users/lifenautjoe/Documents/code/okuna/okuna-web/node_modules/@types/color/index.d.ts(13,40):                              nuxt:typescript 13:54:14
13:40 Type parameter 'T' has a circular default.
    11 | type ColorParam = Color | string | ArrayLike&lt;number&gt; | number | { [key: string]: any };
    12 |
  &gt; 13 | interface Color&lt;T extends ColorParam = ColorParam&gt; {
       |                                        ^
    14 |     toString(): string;
    15 |     toJSON(): Color&lt;T&gt;;
    16 |     string(places?: number): string;"><pre class="notranslate"><code class="notranslate">
 ERROR  ERROR in /Users/lifenautjoe/Documents/code/okuna/okuna-web/node_modules/@types/color/index.d.ts(13,40):                              nuxt:typescript 13:54:14
13:40 Type parameter 'T' has a circular default.
    11 | type ColorParam = Color | string | ArrayLike&lt;number&gt; | number | { [key: string]: any };
    12 |
  &gt; 13 | interface Color&lt;T extends ColorParam = ColorParam&gt; {
       |                                        ^
    14 |     toString(): string;
    15 |     toJSON(): Color&lt;T&gt;;
    16 |     string(places?: number): string;
</code></pre></div>
<p dir="auto">React typings throws errors in terminal after installation via typings</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="error TS2320: Interface 'Element' cannot simultaneously extend types 'ReactElement&lt;any&gt;' and 'ReactElement&lt;any&gt;'.
  Named property 'type' of types 'ReactElement&lt;any&gt;' and 'ReactElement&lt;any&gt;' are not identical.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react/index.d.ts
(2375,5): error TS1036: Statements are not allowed in ambient contexts.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react-dom/index.d.ts
(69,5): error TS2309: An export assignment cannot be used in a module with other exported elements.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react-dom/index.d.ts
(19,31): error TS2315: Type 'DOMAttributes' is not generic.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react-dom/index.d.ts
(44,60): error TS2315: Type 'DOMAttributes' is not generic.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react/index.d.ts
(2368,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'a' must be of type 'HTMLProps&lt;HTMLAnchorElement&gt;', but here has type 'HTMLProps&lt;HTMLAnchorElement&gt;'.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react/index.d.ts
(2369,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'abbr' must be of type 'HTMLProps&lt;HTMLElement&gt;', but here has type 'HTMLProps&lt;HTMLElement&gt;'.
"><pre class="notranslate"><code class="notranslate">error TS2320: Interface 'Element' cannot simultaneously extend types 'ReactElement&lt;any&gt;' and 'ReactElement&lt;any&gt;'.
  Named property 'type' of types 'ReactElement&lt;any&gt;' and 'ReactElement&lt;any&gt;' are not identical.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react/index.d.ts
(2375,5): error TS1036: Statements are not allowed in ambient contexts.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react-dom/index.d.ts
(69,5): error TS2309: An export assignment cannot be used in a module with other exported elements.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react-dom/index.d.ts
(19,31): error TS2315: Type 'DOMAttributes' is not generic.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react-dom/index.d.ts
(44,60): error TS2315: Type 'DOMAttributes' is not generic.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react/index.d.ts
(2368,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'a' must be of type 'HTMLProps&lt;HTMLAnchorElement&gt;', but here has type 'HTMLProps&lt;HTMLAnchorElement&gt;'.

ERROR in /Users/ajvivek/Dev/ES6/motionize-code/node_modules/@types/react/index.d.ts
(2369,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'abbr' must be of type 'HTMLProps&lt;HTMLElement&gt;', but here has type 'HTMLProps&lt;HTMLElement&gt;'.

</code></pre></div>
<p dir="auto"><strong>index.d.ts</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="/// &lt;reference path=&quot;globals/react/index.d.ts&quot; /&gt;
/// &lt;reference path=&quot;globals/react-dom/index.d.ts&quot; /&gt;"><pre class="notranslate"><code class="notranslate">/// &lt;reference path="globals/react/index.d.ts" /&gt;
/// &lt;reference path="globals/react-dom/index.d.ts" /&gt;
</code></pre></div>
<p dir="auto">Is anyone facing this issue?</p>