I am working on a project of react and I am getting the following error after implement this package https://www.npmjs.com/package/react-bootstrap-typeahead then i get the following error.

Failed to compile



./node_modules/react-popper/lib/cjs/Popper.js

Module not found: Can't resolve '@babel/runtime/helpers/objectWithoutPropertiesLoose' in 'E:reactjsdeveans-react-versionnode_modulesreact-popperlibcjs'



This error occurred during the build time and cannot be dismissed.

I found many solutions and I tried it too https://github.com/jquense/yup/issues/216 but still getting same error.

But when i remove Typeahead component then it works fine.

import React , { Component } from 'react'

import {Typeahead} from 'react-bootstrap-typeahead';

import 'react-bootstrap-typeahead/css/Typeahead.css';

class States extends Component {



    state = {

        multiple: false,

        options: [

          {id: 1, label: 'Pakistan'},

          {id: 2, label: 'Indonesia'},

          {id: 3, label: 'Turkey'},

          {id: 4, label: 'Brazil'},

        ]

      };



    render () {



        const {multiple} = this.state;



        return (

          <div>

            <Typeahead

            labelKey=label

            multiple={multiple}

            options={this.state.options}

            placeholder=Choose a state...

          />

          </div>

        )

    }

}

export default States