Как исправить Unexpected token?

[Sarkerdo]

Получаю ошибку в консоли

Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /node_modules/react-chosen/react-chosen.js: Unexpected token (47:6)

[0m [90m 45 | [39m    [36mconst[39m selectProps [33m=[39m $[33m.[39mextend({}[33m,[39m [36mthis[39m[33m.[39mprops[33m,[39m { ref[33m:[39m [32m"select"[39m })[33m;[39m[0m
[0m [90m 46 | [39m    [36mreturn[39m ([0m
[0m[31m[1m>[22m[39m[90m 47 | [39m      [33m<[39m[33mdiv[39m[33m>[39m[0m

и

./node_modules/react-chosen/react-chosen.js
SyntaxError: /node_modules/react-chosen/react-chosen.js: Unexpected token (47:6)

  45 |     const selectProps = $.extend({}, this.props, { ref: "select" });
  46 |     return (
> 47 |       <div>
     |       ^
  48 |         <select {...selectProps}>{this.props.children}</select>
  49 |       </div>
  50 |     );

Для просмотра ссылки Войди или Зарегистрируйсяработает? у меня нет

Вот вся библиотека

import React, {Component} from "react";

class Chosen extends Component {
  componentDidUpdate() {
    // chosen doesn't refresh the options by itself, babysit it
    $(this.refs.select).trigger("chosen:updated");
  }

  handleChange(a, b, c) {
    // force the update makes it so that we reset chosen to whatever
    // controlled value the parent dictated
    this.forceUpdate();
    this.props.onChange && this.props.onChange(a, b, c);
  };

  componentDidMount() {
    const props = this.props;
    const select = $(this.refs.select);
    $(select)
      .chosen({
        allow_single_deselect: props.allowSingleDeselect,
        disable_search: props.disableSearch,
        disable_search_threshold: props.disableSearchThreshold,
        enable_split_word_search: props.enableSplitWordSearch,
        inherit_select_classes: props.inheritSelectClasses,
        max_selected_options: props.maxSelectedOptions,
        no_results_text: props.noResultsText,
        placeholder_text_multiple: props.placeholderTextMultiple,
        placeholder_text_single: props.placeholderTextSingle,
        search_contains: props.searchContains,
        single_backstroke_delete: props.singleBackstrokeDelete,
        width: props.width,
        display_disabled_options: props.displayDisabledOptions,
        display_selected_options: props.displaySelectedOptions
      })
      .on("chosen:maxselected", this.props.onMaxSelected)
      .change(this.handleChange.bind(this));
  }

  componentWillUnmount() {
    $(this.refs.select).off("chosen:maxselected change");
  }

  render() {
    const selectProps = $.extend({}, this.props, { ref: "select" });
    return (
      <div>
        <select {...selectProps}>{this.props.children}</select>
      </div>
    );
  }
}

export default Chosen;

вот скрин Для просмотра ссылки Войди или Зарегистрируйся

 

[xxxsoal]

а если убрать разворачивание selectProps в jsx, случайно, не пропадает ошибка?

 

[Sarkerdo]

а если убрать разворачивание selectProps в jsx, случайно, не пропадает ошибка?

Нет? тоже самое все
так тоже пробовал

render() {
    const selectProps = $.extend({}, this.props, { ref: "select" });
    return <select {...selectProps}>{this.props.children}</select>;
    );
  }