diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/custom-filter-value.js b/packages/react-bootstrap-table2-example/examples/column-filter/custom-filter-value.js
index 5a901a9..55158e0 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/custom-filter-value.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/custom-filter-value.js
@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { jobsGenerator } from 'utils/common';
 
@@ -32,6 +32,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const owners = ['Allen', 'Bob', 'Cat'];
 const types = ['Cloud Service', 'Message Service', 'Add Service', 'Edit Service', 'Money'];
 const columns = [{
@@ -56,7 +58,7 @@ const columns = [{
 
 // shape of job: { id: 0, name: 'Job name 0', owner: 1, type: 3 }
 
-<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -65,7 +67,7 @@ export default () => (
       keyField="id"
       data={ jobs }
       columns={ columns }
-      filter={ fitlerFactory() }
+      filter={ filterFactory() }
     />
     <Code>{ sourceCode }</Code>
   </div>
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/custom-text-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/custom-text-filter.js
index 319dd27..84edd0b 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/custom-text-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/custom-text-filter.js
@@ -1,7 +1,7 @@
 /* eslint no-console: 0 */
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -29,6 +29,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
   dataField: 'id',
   text: 'Product ID'
@@ -50,7 +52,7 @@ const columns = [{
   })
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -59,7 +61,7 @@ export default () => (
       keyField="id"
       data={ products }
       columns={ columns }
-      filter={ fitlerFactory() }
+      filter={ filterFactory() }
     />
     <Code>{ sourceCode }</Code>
   </div>
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-default-value.js b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-default-value.js
index 824ee2c..edbf0b7 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-default-value.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-default-value.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -22,6 +22,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
   dataField: 'id',
   text: 'Product ID',
@@ -37,7 +39,7 @@ const columns = [{
   })
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -46,7 +48,7 @@ export default () => (
       keyField="id"
       data={ products }
       columns={ columns }
-      filter={ fitlerFactory() }
+      filter={ filterFactory() }
     />
     <Code>{ sourceCode }</Code>
   </div>
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-eq-comparator.js b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-eq-comparator.js
index 7c2740a..d062178 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-eq-comparator.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter-eq-comparator.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -22,6 +22,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
+
 const columns = [{
   dataField: 'id',
   text: 'Product ID'
@@ -37,7 +39,7 @@ const columns = [{
   filter: textFilter()
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -47,7 +49,7 @@ export default () => (
       keyField="id"
       data={ products }
       columns={ columns }
-      filter={ fitlerFactory() }
+      filter={ filterFactory() }
     />
     <Code>{ sourceCode }</Code>
   </div>
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js
index 49b2523..03de391 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -20,6 +20,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
   dataField: 'id',
   text: 'Product ID',
@@ -33,7 +35,7 @@ const columns = [{
   filter: textFilter()
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -42,7 +44,7 @@ export default () => (
       keyField="id"
       data={ products }
       columns={ columns }
-      filter={ fitlerFactory() }
+      filter={ filterFactory() }
     />
     <Code>{ sourceCode }</Code>
   </div>