<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/xxxx</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/typescript" rel="nofollow">https://www.npmjs.com/package/typescript</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have a question that is inappropriate for <a href="https://stackoverflow.com/" rel="nofollow">StackOverflow</a>.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> <a href="https://github.com/blog/821-mention-somebody-they-re-notified">Mention</a> the author
<ul dir="auto">
<li>Authors: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Igorbek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Igorbek">@Igorbek</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Igmat/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Igmat">@Igmat</a> @Lavoaster</li>
</ul>
</li>
</ul>
<p dir="auto">Using<br>
typescript  3.1.6<br>
styled-components 4.1.1<br>
@types/styled-components 4.1.0</p>
<p dir="auto">Theme definition as shown <a href="https://www.styled-components.com/docs/api#define-a-theme-interface" rel="nofollow">in the documentation for styled-components</a> no longer works with the 4.1.0 types.</p>
<p dir="auto"><code class="notranslate"> ERROR in [at-loader] ./src/theme/styled.ts:67:5 TS2352: Conversion of type 'typeof import("I:/vsoftui/node_modules/@types/styled-components/index")' to type 'ThemedStyledComponentsModule&lt;ITheme&gt;' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first. Types of property 'createGlobalStyle' are incompatible. Type '{ (cssObject: Properties&lt;string | number&gt;): GlobalStyleComponent&lt;{}, DefaultTheme&gt;; &lt;P = {}&gt;(strings: TemplateStringsArray, ...interpolations: Interpolation&lt;ThemedStyledProps&lt;P, DefaultTheme&gt;&gt;[]): GlobalStyleComponent&lt;...&gt;; &lt;P = {}&gt;(func: InterpolationFunction&lt;...&gt;): GlobalStyleComponent&lt;...&gt;; }' is not comparable to type '{ (cssObject: Properties&lt;string | number&gt;): GlobalStyleComponent&lt;{}, ITheme&gt;; &lt;P = {}&gt;(strings: TemplateStringsArray, ...interpolations: Interpolation&lt;ThemedStyledProps&lt;P, ITheme&gt;&gt;[]): GlobalStyleComponent&lt;...&gt;; &lt;P = {}&gt;(func: InterpolationFunction&lt;...&gt;): GlobalStyleComponent&lt;...&gt;; }'. Type 'GlobalStyleComponent&lt;{}, DefaultTheme&gt;' is not comparable to type 'GlobalStyleComponent&lt;{}, ITheme&gt;'. Type 'DefaultTheme' is not comparable to type 'ITheme'. Property 'buttons' is missing in type 'DefaultTheme'.</code></p>
<p dir="auto">Reverting to the 4.0.3 types seems to still work, at least it compiles.</p>
<ul dir="auto">
<li>[/] I tried using the <code class="notranslate">@types/classnames</code> package and had problems.</li>
<li>[/] I tried using the latest stable version of tsc. <a href="https://www.npmjs.com/package/typescript" rel="nofollow">https://www.npmjs.com/package/typescript</a></li>
</ul>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/adidahiya/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/adidahiya">@adidahiya</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jkillian/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jkillian">@jkillian</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/seansfkelley/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/seansfkelley">@seansfkelley</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mradamczyk/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mradamczyk">@mradamczyk</a></p>
<p dir="auto">New version of classnames types doesn't allow to use <code class="notranslate">ClassArray</code> interface anymore. It was quite usefull…</p>