React-bootstrap-table2: wrapperFactory is not a function

[ali-master]

Hi,

Thank you for developing this library.
I have a problem with that.
When I use the paginationFactory function, that will return the following errors.

react-bootstrap-table-next": 1.0.0
react-bootstrap-table2-overlay": 1.0.0
react-bootstrap-table2-paginator": 1.0.0

My config:

Please help me.
Thank you in advance.

[AllenFang]

@ali-master hello, seems like you use newest releases, what's the version of your React.js ?

[AllenFang]

BTW, there's not more container.js in 1.0.0, are u sure you upgrade successfully for react-bootstrap-table-next?

[ali-master]

Hi @AllenFang,

Yes, I'm sure using the latest version.

React version: 16.4.2

[AllenFang]

@ali-master yes i understand, but the error message show that react-bootstrap-table-next may stay in the legacy version. Could you please remove the node_modules and run install again? thanks

[ali-master]

Great job.

That's helped me, thanks
The problem was fixed.

[AllenFang]

@ali-master Cooool 👍

[ghost]

Hello, I am getting the same error with the filterFactory function even though I removed " node_modules and run install again".

Any idea how I could fix that?

Thank you in advance

[ali-master]

Would you share your written code about the table config?

[ghost]

Of course! You mean the Boostrap-table?

Here it is:

`
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Routes from './routes';
//import App from './components/landingPage';
import {
graphql,
ApolloProvider,
createNetworkInterface
} from 'react-apollo';
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import gql from 'graphql-tag';
import BootstrapTable from 'react-bootstrap-table-next';
import filterFactory, { dateFilter } from 'react-bootstrap-table2-filter';

const httpLink = new HttpLink({
uri: "graphql#execute"
});

let tableQuery = gql{ allBookingHotelRooms{ id gettingBookingDate gettingHotel gettingRoomCategory gettingAvailabilityPrice gettingNRoomsAvailable } }

const cache = new InMemoryCache();

const client = new ApolloClient({
link: httpLink,
cache,
});

class App2 extends Component {

state = {
products: [],
columns: [{
dataField: 'gettingBookingDate',
text: 'Booking Date',
filter: dateFilter()
},
{ dataField: 'gettingHotel',
text: 'Hotel',
},
{
dataField: 'gettingRoomCategory',
text: 'Room Category'
}, {
dataField: 'gettingAvailabilityPrice',
text: 'Price',
},
{
dataField: 'gettingNRoomsAvailable',
text: 'Nbre # dispos'
}
]
}

render() {
let { data } = this.props
if (data.loading) {
return

Loading...

}

return (
  <div className="container" style={{ marginTop: 50 }}>
    <BootstrapTable
    striped
    hover
    keyField='id'
    data={ this.props.data.allBookingHotelRooms }
    columns={ this.state.columns }
    filter={ filterFactory() }
    />
  </div>
);

}
}

const TableInfoWithData = graphql(tableQuery, {options: { pollInterval: 20000 },
})(App2);

document.addEventListener('DOMContentLoaded', () => {
ReactDOM.render(
/>
, document.getElementById('example-app'),
)
});
`

[ghost]

everything is working fine until I had filter={ filterFactory() } to the <BootstrapTable /> component

[ghost]

Hey Ali did you see anything wrong with my code? Thank you for the help anyway

[ali-master]

Hi @maxvia87,

apologies for the delay in replying.
It works for me.

What's the version of your React.js?

BR.

[ali-master]

If you can, please remove your node_module folder and try again with Yarn package manager instead of NPM because npm has many problems like always for installing packages without caching.

[paulalcabasa]

Having the same issue, removed node_modules folder and reinstall using NPM, didnt work. reinstall using YARN , still same issue.

[ali-master]

@paulalcabasa Please prevent to duplicate reply