Unexpected token, You may need an appropriate loader to handle this file type.

Just created an npm package, and when i use it on my project created by create-react-app got error, any thoughts?

Module parse failed: Unexpected token (8:6)
You may need an appropriate loader to handle this file type.
|   render() {
|     return (
|       <section className="FullWidthLoading-section">
|         <Spin
|           delay={props.delay}

my npm package

class FullWidthLoading extends Component {
  render() {
   return (
    <section className="FullWidthLoading-section">
      <Spin
        delay={props.delay}
        indicator={props.indicator}
        size={props.size}
        spinning={props.spinning}
        tip={props.tip}
        wrapperClassName={props.wrapperClassName}
      >
        {props.children}
      </Spin>
    </section>
    )
  }
};

export default FullWidthLoading;

[gaearon]

You need to compile code before publishing. People who use your library shouldn’t need to configure anything to use it.

Here’s a tool that you can use to do that: https://github.com/insin/nwb

[threepointone]

you should ship compiled code in your npm package, not raw jsx, since babel/other loaders don’t run on anything inside node_modules.