<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"> I tried using the the latest "npm install --save @types/react-redux" having this issue when run the npm start</li>
</ul>
<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" 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/alloy/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/alloy">@alloy</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/huhuanming/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/huhuanming">@huhuanming</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/iRoachie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/iRoachie">@iRoachie</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Skn0tt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Skn0tt">@Skn0tt</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/timwangdev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/timwangdev">@timwangdev</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kamal/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kamal">@kamal</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nelyousfi/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nelyousfi">@nelyousfi</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/alexdunne/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/alexdunne">@alexdunne</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/swissmanu/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/swissmanu">@swissmanu</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/bm-software/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/bm-software">@bm-software</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/a-tarasyuk/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/a-tarasyuk">@a-tarasyuk</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mvdam/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mvdam">@mvdam</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Esemesek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Esemesek">@Esemesek</a></li>
</ul>
</li>
</ul>
<hr>
<p dir="auto">Using valid style created by StyleSheet.create on imaghe results in following typescript error</p>
<blockquote>
<p dir="auto">[ts]<br>
Type 'RegisteredStyle&lt;ViewStyle | TextStyle | ImageStyle&gt;' is not assignable to type 'StyleProp'.<br>
Type 'RegisteredStyle&lt;ViewStyle | TextStyle | ImageStyle&gt;' is not assignable to type 'RecursiveArray&lt;false | ImageStyle | RegisteredStyle | null | undefined&gt;'.<br>
Property 'length' is missing in type 'Number &amp; { __registeredStyleBrand: ViewStyle | TextStyle | ImageStyle; }'.<br>
index.d.ts(3750, 5): The expected type comes from property 'style' which is declared here on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes<a target="_blank" rel="noopener noreferrer" href=""><img style="max-width: 100%;"></a> &amp; Readonly&lt;{ children?: ReactNode; }&gt; &amp; Readonly'<br>
(JSX attribute) style?: StyleProp<br>
Style</p>
</blockquote>
<p dir="auto">Can be reproduced via</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import * as React from 'react';
import { Image, StyleSheet } from 'react-native';

/**
 * Component
 */
class GameHeaderBar extends React.Component&lt;{}&gt; {
  render() {
    return &lt;Image style={styles.barImg} source={{ uri: 'game_header_bar' }} /&gt;;
  }
}

export default GameHeaderBar;

/**
 * Styles
 */
const styles = StyleSheet.create({
  barImg: {
    position: 'relative',
    zIndex: 2
  }
});"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-c1">*</span> <span class="pl-k">as</span> <span class="pl-v">React</span> <span class="pl-k">from</span> <span class="pl-s">'react'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-v">Image</span><span class="pl-kos">,</span> <span class="pl-v">StyleSheet</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'react-native'</span><span class="pl-kos">;</span>

<span class="pl-c">/**</span>
<span class="pl-c"> * Component</span>
<span class="pl-c"> */</span>
<span class="pl-k">class</span> <span class="pl-v">GameHeaderBar</span> <span class="pl-k">extends</span> <span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-c1">Component</span><span class="pl-c1">&lt;</span><span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-c1">&lt;</span><span class="pl-ent">Image</span> <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">styles</span><span class="pl-kos">.</span><span class="pl-c1">barImg</span><span class="pl-kos">}</span> <span class="pl-c1">source</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-c1">uri</span>: <span class="pl-s">'game_header_bar'</span> <span class="pl-kos">}</span><span class="pl-kos">}</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span>

<span class="pl-s1">export</span> <span class="pl-k">default</span> <span class="pl-v">GameHeaderBar</span><span class="pl-kos">;</span>

<span class="pl-c">/**</span>
<span class="pl-c"> * Styles</span>
<span class="pl-c"> */</span>
<span class="pl-k">const</span> <span class="pl-s1">styles</span> <span class="pl-c1">=</span> <span class="pl-v">StyleSheet</span><span class="pl-kos">.</span><span class="pl-en">create</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">barImg</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">position</span>: <span class="pl-s">'relative'</span><span class="pl-kos">,</span>
    <span class="pl-c1">zIndex</span>: <span class="pl-c1">2</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">I started getting this issue after upgrading <code class="notranslate">@types/react-native@0.56.24</code> to <code class="notranslate">@types/react-native@0.57.4</code></p>