react-bootstrap-table/react-bootstrap-table2

i got error

quantrpeter opened this issue · 0 comments

i got error:

container.js:93 Uncaught (in promise) TypeError: _wrapperFactory is not a function
    at BootstrapTableContainer.wrapComponents (container.js:93:1)
    at new BootstrapTableContainer (container.js:56:1)
    at window.spModuleLoader.p._constructComponentWithoutOwner (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:53054)
    at window.spModuleLoader.p._constructComponent (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:52921)
    at window.spModuleLoader.p.mountComponent (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:52103)
    at Object.mountComponent (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:200:33128)
    at m.mountChildren (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:47103)
    at m._createInitialChildren (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:19485)
    at m.mountComponent (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:214:17699)
    at Object.mountComponent (sp-webpart-workbench-assembly.js?uniqueId=CrW9l:200:33128)

when using filterFactory()

<BootstrapTable bootstrap4 keyField='ID' hover striped data={this.items} columns={this.columns} headervk bordered={false} rowStyle={{ backgroundColor: 'inherit', borderBottom: '1px solid #E0E0E0' }} filter={filterFactory()} />
{
  "name": "sp-2019",
  "version": "0.0.1",
  "private": true,
  "engines": {
    "node": ">=0.10.0"
  },
  "scripts": {
    "build": "gulp bundle",
    "clean": "gulp clean",
    "test": "gulp test",
    "dev": "set NODE_NO_HTTP2=1 && gulp serve --nobrowser",
    "pack": "gulp bundle --ship && gulp package-solution --ship"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.1.18",
    "@microsoft/sp-core-library": "~1.1.0",
    "@microsoft/sp-lodash-subset": "~1.1.0",
    "@microsoft/sp-office-ui-fabric-core": "~1.4.0-0",
    "@microsoft/sp-webpart-base": "~1.1.0",
    "@types/react": "0.14.46",
    "@types/react-addons-shallow-compare": "0.14.17",
    "@types/react-addons-test-utils": "0.14.15",
    "@types/react-addons-update": "0.14.14",
    "@types/react-dom": "0.14.18",
    "@types/webpack-env": ">=1.12.1 <1.14.0",
    "bootstrap": "^5.1.3",
    "classnames": "^2.3.1",
    "jquery": "^3.6.0",
    "moment": "^2.29.3",
    "react": "15.4.2",
    "react-bootstrap-table-next": "^0.1.15",
    "react-bootstrap-table2-filter": "^1.1.1",
    "react-bootstrap-table2-paginator": "^2.1.2",
    "react-dom": "15.4.2",
    "react-modal": "^1.7.7"
  },
  "devDependencies": {
    "@microsoft/sp-build-web": "~1.1.0",
    "@microsoft/sp-module-interfaces": "~1.1.0",
    "@microsoft/sp-webpart-workbench": "~1.1.0",
    "gulp": "~3.9.1",
    "@types/chai": ">=3.4.34 <3.6.0",
    "@types/mocha": ">=2.2.33 <2.6.0",
    "ajv": "~5.2.2"
  }
}

thanks