jsx in index.js causing compiling error

I'm trying to use the library in a project created by create-react-app. There's a JSX at line 135.

Error in ./~/@mapbox/react-geocoder/index.js
Module parse failed: ob-ocm/node_modules/@mapbox/react-geocoder/index.js Unexpected token (135:16)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (135:16)

[sajingeo]

Module parse failed: /Users/xyz/reactwebapp/node_modules/@mapbox/react-geocoder/index.js Unexpected token (135:16)
You may need an appropriate loader to handle this file type.
| },
| render() {
| var input = <input
| ref='input'
| className={this.props.inputClass}

[shk172]

Was there any solution to this? With create-react-app the webpack config is hidden and I'd rather not have to eject it - if it's related to webpack

[iredmedia]

I'm having the same issue using Meteor, including by path doesn't work, nor does
import {Geocoder} from '@mapbox/react-geocoder';
or
import Geocoder from '@mapbox/react-geocoder';

the <input ... /> doesn't get translated from JSX so it throws errors.

This fork repo has been working really well for me:
https://github.com/kmwhelan93/react-geocoder-autocomplete

[tushar-dadlani]

@tmcw can y'all look into addressing this issue? Would be good to have a component supported by mapbox doing the thing that the fork is currently doing.

[tmcw]

You'll need to take it up with someone who works at Mapbox, I do not work there.