'react-bootstrap-table-toolkit Search Import Error
I wanted to use React Bootstrap Table
in my project and I'm getting the following error.
Uncaught ReferenceError: arguments is not defined at Object../node_modules/react-bootstrap-table2-toolkit/lib/src/search/SearchBar.js
here is the following import which are referred from their official website.
import ToolkitProvider, {Search} from 'react-bootstrap-table2-toolkit';
const {SearchBar} = Search;
where search can not be found from this import.
Solution 1:[1]
Here is an easy fix, I resolved this issue by changing the import
from
import ToolkitProvider, {Search} from 'react-bootstrap-table2-toolkit';
to
import ToolkitProvider, {Search} from 'react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit';
Solution 2:[2]
The fix isnt still in place; change your import pointing to the .min file of toolkit
replace this
import ToolkitProvider, { CSVExport } from "react-bootstrap-table2-toolkit";
with this
import ToolkitProvider , { CSVExport } from 'react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min'
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | Mr. Crowley |
Solution 2 | rsb |