title: react-script: Transpiling Third party JSX files
body: <p>I am developing application using create-react-app, and using third party module which is not compile, I am including JSX file from this to my project.</p>
  <p>getting following error when start or build</p>
  <pre><code>******.jsx
  Module parse failed: Unexpected token (12:25)
  You may need an appropriate loader to handle this file type.
  </code></pre>
  <p>My react application is not eject and don't want to eject.<br>
  I don't want to eject from react-script</p>
  <h1>Sample code</h1>
  <h2><code>Link.jsx</code> in Library</h2>
  <pre><code>import React from 'react';
  import { string } from 'prop-types';
  import './Link.scss';
  
  const STATUS = {
    HOVERED: 'hovered',
    NORMAL: 'normal',
  };
  
  class Link extends React.Component {
    constructor(props) {
      super(props);
  
      this.onMouseEnter = this.onMouseEnter.bind(this);
      this.onMouseLeave = this.onMouseLeave.bind(this);
  
      this.state = {
        className: STATUS.NORMAL,
      };
    }
  
    onMouseEnter() {
      this.setState({ className: STATUS.HOVERED });
    }
  
    onMouseLeave() {
      this.setState({ className: STATUS.NORMAL });
    }
  
    render() {
      const { className } = this.state;
      const { page, children } = this.props;
  
      return (
        &lt;a
          className={className}
          href={page}
          onMouseEnter={this.onMouseEnter}
          onMouseLeave={this.onMouseLeave}
        &gt;
          {children}
        &lt;/a&gt;
      );
    }
  }
  
  Link.propTypes = {
    page: string,
    children: string,
  };
  
  Link.defaultProps = {
    page: '#',
    children: '',
  };
  
  export default Link;
  </code></pre>
  <p>Above code is publish to internal npm repo and used in application</p>
  <h2><code>App.jsx</code> in application</h2>
  <pre><code>import { Link} from '@myScope/myreactlib/Link'; // loaded from node_modules
  </code></pre>
  <p>App.jsx give error</p>