title: Find out unused imports on a React Native project
body: <p>I imported the following <code>React Native</code> project into <code>VS Code</code>.</p>
  
  <p><a href="https://github.com/callstack/react-native-paper/tree/master/example" rel="nofollow noreferrer">https://github.com/callstack/react-native-paper/tree/master/example</a></p>
  
  <p>Then, on the following file, on line 15:</p>
  
  <p><a href="https://github.com/callstack/react-native-paper/blob/master/example/src/CardExample.js#L15" rel="nofollow noreferrer">https://github.com/callstack/react-native-paper/blob/master/example/src/CardExample.js#L15</a></p>
  
  <p>I added (just experimenting), the line:</p>
  
  <pre><code>import { StatusBar, I18nManager, AsyncStorage } from 'react-native';
  </code></pre>
  
  <p>as you can see on the code below:</p>
  
  <pre><code>/* @flow */
  
  import * as React from 'react';
  import { Alert, ScrollView, StyleSheet } from 'react-native';
  import {
      Title,
      Caption,
      Paragraph,
      Card,
      Button,
      withTheme,
      type Theme,
  } from 'react-native-paper';
  
  import { StatusBar, I18nManager, AsyncStorage } from 'react-native';
  
  type Props = {
      theme: Theme,
  };
  
  class CardExample extends React.Component&lt;Props&gt; {
      static title = 'Card';
  
      render() {
          const {
              theme: {
                  colors: { background },
              },
          } = this.props;
          return (
              &lt;ScrollView
                  style={[styles.container, { backgroundColor: background }]}
                  contentContainerStyle={styles.content}
              &gt;
                  &lt;Card style={styles.card}&gt;
                      &lt;Card.Cover source={require('../assets/wrecked-ship.jpg')} /&gt;
                      &lt;Card.Content&gt;
                          &lt;Title&gt;Abandoned Ship&lt;/Title&gt;
                          &lt;Paragraph&gt;
                              The Abandoned Ship is a wrecked ship located on Route 108 in
                Hoenn, originally being a ship named the S.S. Cactus. The second
                part of the ship can only be accessed by using Dive and contains
                the Scanner.
              &lt;/Paragraph&gt;
                      &lt;/Card.Content&gt;
                  &lt;/Card&gt;
              &lt;/ScrollView&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
      },
      content: {
          padding: 4,
      },
      card: {
          margin: 4,
      },
  });
  
  export default withTheme(CardExample);
  </code></pre>
  
  <p><strong>My problem is</strong> that <code>VS Code</code> is not graying or highlighting out that new line with unused imports as you can see on the following image:</p>
  
  <p><a href="https://i.stack.imgur.com/A9r90.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A9r90.png" alt="enter image description here"></a></p>
  
  <p>Is there an easy way for me to know about unused imports on this <code>React Native</code> project by either graying out these imports or by running some <code>npm</code> command on the command line?</p>
  
  <p>Thanks!</p>