Fix storybook with react-router

src/components/Footer/index.stories.js

@@ -1,7 +1,11 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import Footer from 'components/Footer';
 
-storiesOf('Footer', module).add('default', () => <Footer />);
+storiesOf('Footer', module).add('default', () => (
+  <MemoryRouter>
+    <Footer />
+  </MemoryRouter>
+));

src/components/Home/ChapterItem/index.stories.js

@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import ChapterItem from './index';
 import { chapter } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/ChapterItem', module).add('default', () =>
-  <ChapterItem chapter={chapter} />
-);
+storiesOf('Home/ChapterItem', module).add('default', () => (
+  <MemoryRouter>
+    <ChapterItem chapter={chapter} />
+  </MemoryRouter>
+));

src/components/Home/ChaptersList/index.stories.js

@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import ChaptersList from './index';
 import { chapters } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/ChaptersList', module).add('default', () =>
-  <ChaptersList chapters={chapters} />
-);
+storiesOf('Home/ChaptersList', module).add('default', () => (
+  <MemoryRouter>
+    <ChaptersList chapters={chapters} />
+  </MemoryRouter>
+));

src/components/Home/LastVisit/index.stories.js

@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import LastVisit from './index';
 import { chapter } from '../../../../tests/fixtures/chapters';
 
-storiesOf('Home/LastVisit', module).add('default', () =>
-  <LastVisit chapter={chapter} verse={2} />
-);
+storiesOf('Home/LastVisit', module).add('default', () => (
+  <MemoryRouter>
+    <LastVisit chapter={chapter} verse={2} />
+  </MemoryRouter>
+));

src/components/Home/QuickSurahs/index.stories.js

@@ -1,7 +1,11 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import QuickSurahs from 'components/Home/QuickSurahs';
 
-storiesOf('Home/QuickSurahs', module).add('default', () => <QuickSurahs />);
+storiesOf('Home/QuickSurahs', module).add('default', () => (
+  <MemoryRouter>
+    <QuickSurahs />
+  </MemoryRouter>
+));

src/components/SurahsDropdown/index.stories.js

@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-
+import { MemoryRouter } from 'react-router-dom';
 import SurahsDropdown from './index';
 import { chapters, chapter } from '../../../tests/fixtures/chapters';
 
-storiesOf('SurahsDropdown', module).add('default', () =>
-  <SurahsDropdown chapters={chapters} chapter={chapter} />
-);
+storiesOf('SurahsDropdown', module).add('default', () => (
+  <MemoryRouter>
+    <SurahsDropdown chapters={chapters} chapter={chapter} />
+  </MemoryRouter>
+));