<p dir="auto">If you know how to fix the issue, make a pull request instead.</p>
<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"> I have a question that is inappropriate for <a href="https://stackoverflow.com/" rel="nofollow">StackOverflow</a>.  (Please ask any appropriate questions there).</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 authors (see <code class="notranslate">Definitions by:</code> in <code class="notranslate">index.d.ts</code>) so they can respond.
<ul dir="auto">
<li>Authors: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/GlenCFL/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/GlenCFL">@GlenCFL</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/smhxx/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/smhxx">@smhxx</a></li>
</ul>
</li>
</ul>
<p dir="auto">This one's according to documentation: <a href="https://atom.io/docs/api/v1.22.1/TooltipManager#instance-add" rel="nofollow">https://atom.io/docs/api/v1.22.1/TooltipManager#instance-add</a>:</p>
<blockquote>
<p dir="auto">title | A String or Function to use for the text in the tip. If a function is passed, <code class="notranslate">this</code> will be set to the <code class="notranslate">target</code> element. This option is mutually exclusive with the item option.</p>
</blockquote>
<p dir="auto">Current definition is like this:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="export interface TooltipManager {
    /** Add a tooltip to the given element. */
    add(target: HTMLElement, options: {
        title?: string,
        html?: boolean,
        item?: HTMLElement|{ element: HTMLElement },
        class?: string,
        placement?: &quot;top&quot;|&quot;bottom&quot;|&quot;left&quot;|&quot;right&quot;|&quot;auto&quot;|(() =&gt; string),
        trigger?: &quot;click&quot;|&quot;hover&quot;|&quot;focus&quot;|&quot;manual&quot;,
        delay?: { show: number, hide: number },
        keyBindingCommand?: string,
        keyBindingTarget?: HTMLElement
    } | {
        title?: string|(() =&gt; string),
        html?: boolean,
        item?: HTMLElement|{ element: HTMLElement },
        class?: string,
        placement?: &quot;top&quot;|&quot;bottom&quot;|&quot;left&quot;|&quot;right&quot;|&quot;auto&quot;|(() =&gt; string),
        trigger?: &quot;click&quot;|&quot;hover&quot;|&quot;focus&quot;|&quot;manual&quot;,
        delay?: { show: number, hide: number },
    }): Disposable;"><pre class="notranslate"><span class="pl-k">export</span> <span class="pl-k">interface</span> <span class="pl-smi">TooltipManager</span> <span class="pl-kos">{</span>
    <span class="pl-c">/** Add a tooltip to the given element. */</span>
    <span class="pl-c1">add</span><span class="pl-kos">(</span><span class="pl-s1">target</span>: <span class="pl-smi">HTMLElement</span><span class="pl-kos">,</span> <span class="pl-s1">options</span>: <span class="pl-kos">{</span>
        <span class="pl-c1">title</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">html</span>?: <span class="pl-smi">boolean</span><span class="pl-kos">,</span>
        <span class="pl-c1">item</span>?: <span class="pl-smi">HTMLElement</span><span class="pl-c1">|</span><span class="pl-kos">{</span> <span class="pl-c1">element</span>: <span class="pl-smi">HTMLElement</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">class</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">placement</span>?: <span class="pl-s">"top"</span><span class="pl-c1">|</span><span class="pl-s">"bottom"</span><span class="pl-c1">|</span><span class="pl-s">"left"</span><span class="pl-c1">|</span><span class="pl-s">"right"</span><span class="pl-c1">|</span><span class="pl-s">"auto"</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">trigger</span>?: <span class="pl-s">"click"</span><span class="pl-c1">|</span><span class="pl-s">"hover"</span><span class="pl-c1">|</span><span class="pl-s">"focus"</span><span class="pl-c1">|</span><span class="pl-s">"manual"</span><span class="pl-kos">,</span>
        <span class="pl-c1">delay</span>?: <span class="pl-kos">{</span> <span class="pl-c1">show</span>: <span class="pl-smi">number</span><span class="pl-kos">,</span> <span class="pl-c1">hide</span>: <span class="pl-smi">number</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingCommand</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingTarget</span>?: <span class="pl-smi">HTMLElement</span>
    <span class="pl-kos">}</span> <span class="pl-c1">|</span> <span class="pl-kos">{</span>
        <span class="pl-c1">title</span>?: <span class="pl-smi">string</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">html</span>?: <span class="pl-smi">boolean</span><span class="pl-kos">,</span>
        <span class="pl-c1">item</span>?: <span class="pl-smi">HTMLElement</span><span class="pl-c1">|</span><span class="pl-kos">{</span> <span class="pl-c1">element</span>: <span class="pl-smi">HTMLElement</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">class</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">placement</span>?: <span class="pl-s">"top"</span><span class="pl-c1">|</span><span class="pl-s">"bottom"</span><span class="pl-c1">|</span><span class="pl-s">"left"</span><span class="pl-c1">|</span><span class="pl-s">"right"</span><span class="pl-c1">|</span><span class="pl-s">"auto"</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">trigger</span>?: <span class="pl-s">"click"</span><span class="pl-c1">|</span><span class="pl-s">"hover"</span><span class="pl-c1">|</span><span class="pl-s">"focus"</span><span class="pl-c1">|</span><span class="pl-s">"manual"</span><span class="pl-kos">,</span>
        <span class="pl-c1">delay</span>?: <span class="pl-kos">{</span> <span class="pl-c1">show</span>: <span class="pl-smi">number</span><span class="pl-kos">,</span> <span class="pl-c1">hide</span>: <span class="pl-smi">number</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>: <span class="pl-smi">Disposable</span><span class="pl-kos">;</span><span class="pl-kos"></span></pre></div>
<p dir="auto">should probably be:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="export interface TooltipManager {
    /** Add a tooltip to the given element. */
    add(target: HTMLElement, options: {
        item?: HTMLElement|{ element: HTMLElement },
        class?: string,
        placement?: &quot;top&quot;|&quot;bottom&quot;|&quot;left&quot;|&quot;right&quot;|&quot;auto&quot;|(() =&gt; string),
        trigger?: &quot;click&quot;|&quot;hover&quot;|&quot;focus&quot;|&quot;manual&quot;,
        delay?: { show: number, hide: number },
        keyBindingCommand?: string,
        keyBindingTarget?: HTMLElement
    } | {
        title?: string|(() =&gt; string),
        html?: boolean,
        class?: string,
        placement?: &quot;top&quot;|&quot;bottom&quot;|&quot;left&quot;|&quot;right&quot;|&quot;auto&quot;|(() =&gt; string),
        trigger?: &quot;click&quot;|&quot;hover&quot;|&quot;focus&quot;|&quot;manual&quot;,
        delay?: { show: number, hide: number },
    }): Disposable;"><pre class="notranslate"><span class="pl-k">export</span> <span class="pl-k">interface</span> <span class="pl-smi">TooltipManager</span> <span class="pl-kos">{</span>
    <span class="pl-c">/** Add a tooltip to the given element. */</span>
    <span class="pl-c1">add</span><span class="pl-kos">(</span><span class="pl-s1">target</span>: <span class="pl-smi">HTMLElement</span><span class="pl-kos">,</span> <span class="pl-s1">options</span>: <span class="pl-kos">{</span>
        <span class="pl-c1">item</span>?: <span class="pl-smi">HTMLElement</span><span class="pl-c1">|</span><span class="pl-kos">{</span> <span class="pl-c1">element</span>: <span class="pl-smi">HTMLElement</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">class</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">placement</span>?: <span class="pl-s">"top"</span><span class="pl-c1">|</span><span class="pl-s">"bottom"</span><span class="pl-c1">|</span><span class="pl-s">"left"</span><span class="pl-c1">|</span><span class="pl-s">"right"</span><span class="pl-c1">|</span><span class="pl-s">"auto"</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">trigger</span>?: <span class="pl-s">"click"</span><span class="pl-c1">|</span><span class="pl-s">"hover"</span><span class="pl-c1">|</span><span class="pl-s">"focus"</span><span class="pl-c1">|</span><span class="pl-s">"manual"</span><span class="pl-kos">,</span>
        <span class="pl-c1">delay</span>?: <span class="pl-kos">{</span> <span class="pl-c1">show</span>: <span class="pl-smi">number</span><span class="pl-kos">,</span> <span class="pl-c1">hide</span>: <span class="pl-smi">number</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingCommand</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingTarget</span>?: <span class="pl-smi">HTMLElement</span>
    <span class="pl-kos">}</span> <span class="pl-c1">|</span> <span class="pl-kos">{</span>
        <span class="pl-c1">title</span>?: <span class="pl-smi">string</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">html</span>?: <span class="pl-smi">boolean</span><span class="pl-kos">,</span>
        <span class="pl-c1">class</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">placement</span>?: <span class="pl-s">"top"</span><span class="pl-c1">|</span><span class="pl-s">"bottom"</span><span class="pl-c1">|</span><span class="pl-s">"left"</span><span class="pl-c1">|</span><span class="pl-s">"right"</span><span class="pl-c1">|</span><span class="pl-s">"auto"</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">trigger</span>?: <span class="pl-s">"click"</span><span class="pl-c1">|</span><span class="pl-s">"hover"</span><span class="pl-c1">|</span><span class="pl-s">"focus"</span><span class="pl-c1">|</span><span class="pl-s">"manual"</span><span class="pl-kos">,</span>
        <span class="pl-c1">delay</span>?: <span class="pl-kos">{</span> <span class="pl-c1">show</span>: <span class="pl-smi">number</span><span class="pl-kos">,</span> <span class="pl-c1">hide</span>: <span class="pl-smi">number</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>: <span class="pl-smi">Disposable</span><span class="pl-kos">;</span><span class="pl-kos"></span></pre></div>
<p dir="auto">While on topic, type of <code class="notranslate">placement</code> is both too concrete and not concrete enough. First of, <code class="notranslate">auto</code> isn't a separate option, but a specifier, so possible values are:</p>
<ul dir="auto">
<li><code class="notranslate">top</code>, <code class="notranslate">bottom</code>, <code class="notranslate">left</code>, <code class="notranslate">right</code></li>
<li><code class="notranslate">auto top</code>, <code class="notranslate">auto bottom</code>, <code class="notranslate">auto left</code>, <code class="notranslate">auto right</code></li>
<li><code class="notranslate">auto</code> is the same as <code class="notranslate">auto top</code></li>
</ul>
<p dir="auto">On another hand, <em>function</em> has to return one of these options, not arbitrary <code class="notranslate">string</code>.</p>
<p dir="auto">Also while on topic, I think <code class="notranslate">item</code> can be anything that Atom's view algorithm will get a view for. At least it's usage suggests that: <a href="https://github.com/atom/atom/blob/v1.22.1/src/tooltip.js#L342">https://github.com/atom/atom/blob/v1.22.1/src/tooltip.js#L342</a></p>
<p dir="auto">Last point, it should be possible to reduce code duplication a bit:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="export interface TooltipManager {
    /** Add a tooltip to the given element. */
    add(target: HTMLElement, options: ({
        item?: HTMLElement|{ element: HTMLElement }
    } | {
        title?: string|(() =&gt; string),
        html?: boolean,
        keyBindingCommand?: string,
        keyBindingTarget?: HTMLElement
    }) &amp; {
      class?: string,
      placement?: &quot;top&quot;|&quot;bottom&quot;|&quot;left&quot;|&quot;right&quot;|&quot;auto&quot;|(() =&gt; string),
      trigger?: &quot;click&quot;|&quot;hover&quot;|&quot;focus&quot;|&quot;manual&quot;,
      delay?: { show: number, hide: number }
    }): Disposable;"><pre class="notranslate"><span class="pl-k">export</span> <span class="pl-k">interface</span> <span class="pl-smi">TooltipManager</span> <span class="pl-kos">{</span>
    <span class="pl-c">/** Add a tooltip to the given element. */</span>
    <span class="pl-c1">add</span><span class="pl-kos">(</span><span class="pl-s1">target</span>: <span class="pl-smi">HTMLElement</span><span class="pl-kos">,</span> <span class="pl-s1">options</span>: <span class="pl-kos">(</span><span class="pl-kos">{</span>
        <span class="pl-c1">item</span>?: <span class="pl-smi">HTMLElement</span><span class="pl-c1">|</span><span class="pl-kos">{</span> <span class="pl-c1">element</span>: <span class="pl-smi">HTMLElement</span> <span class="pl-kos">}</span>
    <span class="pl-kos">}</span> <span class="pl-c1">|</span> <span class="pl-kos">{</span>
        <span class="pl-c1">title</span>?: <span class="pl-smi">string</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
        <span class="pl-c1">html</span>?: <span class="pl-smi">boolean</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingCommand</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
        <span class="pl-c1">keyBindingTarget</span>?: <span class="pl-smi">HTMLElement</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">&amp;</span> <span class="pl-kos">{</span>
      <span class="pl-c1">class</span>?: <span class="pl-smi">string</span><span class="pl-kos">,</span>
      <span class="pl-c1">placement</span>?: <span class="pl-s">"top"</span><span class="pl-c1">|</span><span class="pl-s">"bottom"</span><span class="pl-c1">|</span><span class="pl-s">"left"</span><span class="pl-c1">|</span><span class="pl-s">"right"</span><span class="pl-c1">|</span><span class="pl-s">"auto"</span><span class="pl-c1">|</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-smi">string</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
      <span class="pl-c1">trigger</span>?: <span class="pl-s">"click"</span><span class="pl-c1">|</span><span class="pl-s">"hover"</span><span class="pl-c1">|</span><span class="pl-s">"focus"</span><span class="pl-c1">|</span><span class="pl-s">"manual"</span><span class="pl-kos">,</span>
      <span class="pl-c1">delay</span>?: <span class="pl-kos">{</span> <span class="pl-c1">show</span>: <span class="pl-smi">number</span><span class="pl-kos">,</span> <span class="pl-c1">hide</span>: <span class="pl-smi">number</span> <span class="pl-kos">}</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>: <span class="pl-smi">Disposable</span><span class="pl-kos">;</span><span class="pl-kos"></span></pre></div>
<p dir="auto">Note: not sure on how <code class="notranslate">keyBindingCommand</code> and <code class="notranslate">keyBindingTarget</code> behave when passed with <code class="notranslate">item</code>, documentation is silent about that, but mention of <code class="notranslate">title</code> implies those are ignored if <code class="notranslate">item</code> is set.</p>
<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/react</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>.  (Please ask any appropriate questions there).</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 authors (see <code class="notranslate">Definitions by:</code> in <code class="notranslate">index.d.ts</code>) so they can respond.
<ul dir="auto">
<li>Authors: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/johnnyreilly/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/johnnyreilly">@johnnyreilly</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/bbenezech/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/bbenezech">@bbenezech</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pzavolinsky/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/pzavolinsky">@pzavolinsky</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/digiguru/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/digiguru">@digiguru</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ericanderson/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ericanderson">@ericanderson</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/morcerf/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/morcerf">@morcerf</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tkrotoff/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tkrotoff">@tkrotoff</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/DovydasNavickas/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/DovydasNavickas">@DovydasNavickas</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/onigoetz/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/onigoetz">@onigoetz</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/richseviora/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/richseviora">@richseviora</a></li>
</ul>
</li>
</ul>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="file: '.../@types/react/index.d.ts'
severity: 'Error'
message: '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.'
at: '3454,19'
source: 'ts'"><pre class="notranslate">file: <span class="pl-s">'.../@types/react/index.d.ts'</span>
severity: <span class="pl-s">'Error'</span>
<span class="pl-s1">message</span>: <span class="pl-s">'Interface '</span><span class="pl-smi">Element</span><span class="pl-s">' cannot simultaneously extend types '</span><span class="pl-smi">ReactElement</span><span class="pl-c1">&lt;</span><span class="pl-s1">any</span><span class="pl-c1">&gt;</span><span class="pl-s">' and '</span><span class="pl-smi">ReactElement</span><span class="pl-c1">&lt;</span><span class="pl-s1">any</span><span class="pl-c1">&gt;</span><span class="pl-s">'.</span>
<span class="pl-s">  Named property '</span><span class="pl-s1">type</span>' <span class="pl-k">of</span> <span class="pl-s1">types</span> <span class="pl-s">'ReactElement&lt;any&gt;'</span> <span class="pl-s1">and</span> <span class="pl-s">'ReactElement&lt;any&gt;'</span> <span class="pl-s1">are</span> <span class="pl-s1">not</span> <span class="pl-s1">identical</span><span class="pl-kos">.</span><span class="pl-s">'</span>
<span class="pl-s">at: '</span><span class="pl-c1">3454</span><span class="pl-kos">,</span><span class="pl-c1">19</span><span class="pl-s">'</span>
<span class="pl-s">source: '</span><span class="pl-s1">ts</span>'</pre></div>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="file: '.../@types/react/index.d.ts'
severity: 'Error'
message: 'Interface 'ElementClass' cannot simultaneously extend types 'Component&lt;any, {}&gt;' and 'Component&lt;any, {}&gt;'.
  Named property 'refs' of types 'Component&lt;any, {}&gt;' and 'Component&lt;any, {}&gt;' are not identical.'
at: '3455,19'
source: 'ts'"><pre class="notranslate">file: <span class="pl-s">'.../@types/react/index.d.ts'</span>
severity: <span class="pl-s">'Error'</span>
<span class="pl-s1">message</span>: <span class="pl-s">'Interface '</span><span class="pl-smi">ElementClass</span><span class="pl-s">' cannot simultaneously extend types '</span><span class="pl-smi">Component</span><span class="pl-c1">&lt;</span><span class="pl-s1">any</span><span class="pl-kos">,</span> <span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span><span class="pl-s">' and '</span><span class="pl-smi">Component</span><span class="pl-c1">&lt;</span><span class="pl-s1">any</span><span class="pl-kos">,</span> <span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span><span class="pl-s">'.</span>
<span class="pl-s">  Named property '</span><span class="pl-s1">refs</span>' <span class="pl-k">of</span> <span class="pl-s1">types</span> <span class="pl-s">'Component&lt;any, {}&gt;'</span> <span class="pl-s1">and</span> <span class="pl-s">'Component&lt;any, {}&gt;'</span> <span class="pl-s1">are</span> <span class="pl-s1">not</span> <span class="pl-s1">identical</span><span class="pl-kos">.</span><span class="pl-s">'</span>
<span class="pl-s">at: '</span><span class="pl-c1">3455</span><span class="pl-kos">,</span><span class="pl-c1">19</span><span class="pl-s">'</span>
<span class="pl-s">source: '</span><span class="pl-s1">ts</span>'</pre></div>