title: Need help! React Component Export not working >_<
body: <blockquote>
    <p>Im having this issue where even though I'm exporting both components
    <code>SearchBar</code> &amp; <code>MainCard</code> I keep getting this error message in my
    <code>App.js</code> file. Any feedback is appreciated! </p>
  </blockquote>
  
  <p>Error: 
  <code>./src/App.js - Attempted import error: 'MainCard' is not exported from './components/ui-componets/SearchBar'.</code></p>
  
  <blockquote>
    <p>App.js</p>
  </blockquote>
  
  <pre><code>import React, { Component } from 'react';
  import { Container, Theme } from '@customLibrary/core'
  import { connect } from 'react-redux';
  import { fetchComponent } from './actions';
  import TopMenu from './components/ui-componets/TopMenu';
  import {SearchBar,MainCard} from './components/ui-componets/SearchBar';
  
  
  
  class App extends Component {
  
    state = {
      visible: true,
      width: 13,
    }
  
    handleClick = () =&gt; {
      this.setState({ visible: !this.state.visible, width: 16 })
    }
    render() {
  
      const { userData } = this.props;
      const { visible } = this.state;
  
      return &lt;Theme&gt;
        &lt;Container width='3379px'&gt;
          &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
        &lt;/Container&gt;
        &lt;Container width='3379px'&gt;
          &lt;TopMenu onClick={this.handleClick} userData={userData} /&gt;
        &lt;/Container&gt;
        &lt;Container width='3379px'&gt;
          &lt;SearchBar /&gt;
        &lt;/Container&gt;
        &lt;Container width='3379px'&gt;
          &lt;MainCard/&gt;
        &lt;/Container&gt;
      &lt;/Theme&gt;
    }
  
  }
  
  const mapStateToProps = (state) =&gt; {
    return {
      userData: state.user
    }
  }
  export default connect(mapStateToProps, { fetchComponent })(App);
  </code></pre>
  
  <blockquote>
    <p>SearchBar.js</p>
  </blockquote>
  
  <pre><code>    import React, { Component } from 'react';
      import { IS_FETCHING_DBUSERS, FETCH_DBUSERS_SUCCESS, IS_FETCHING_ROLES, FETCH_ROLES_SUCCESS, IS_FETCHING_RESOURCES, FETCH_RESOURCES_SUCCESS } from '../../actions/keys';
      import { users, Roles, Resources } from '../../actions/URI';
      import { fetchComponent } from '../../actions/index';
      import { connect } from 'react-redux';
      import _ from 'lodash';
  
  
      import {
          Theme,
          Grid, Form, Icon, Container, Loader,
  
          Card, Typography, Tabs
      } from '@customLibrary/core';
  
      class SearchBar extends Component {
          ...
      }
  
      class MainCard extends Component {
         ...
      }
  
      const mapStateToProps = state =&gt; {
  
          return {
              Users: state.users,
              roles: state.roles,
              resources: state.resources,
          }
      }
      export default connect(mapStateToProps, { fetchComponent })(SearchBar,MainCard);
  </code></pre>