react-bootstrap-table-toolkit Search Import Error

Question

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.

Mr. Crowley · Accepted Answer · 2022-02-21 15:23:06Z

14

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';

answered Feb 21, 2022 at 15:23

Mr. Crowley

3,4814 gold badges27 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nailed it mrrowley, do you know why the normal import doesnt work

rsb · Accepted Answer · 2022-05-03 07:20:16Z

0

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'

answered May 3, 2022 at 7:20

rsb

3832 silver badges5 bronze badges