From 2adf602df8575301892ee19d43e9dc274434b8d1 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 22 Oct 2021 12:58:21 +0200
Subject: [PATCH] add location provider around stories in official storybook,
 as that's required in react-router

---
 examples/official-storybook/package.json | 1 +
 examples/official-storybook/preview.js   | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index d6fda70c4ff..ca460e05209 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -35,6 +35,7 @@
     "@storybook/jest": "0.0.0-alpha.5",
     "@storybook/node-logger": "6.4.0-beta.19",
     "@storybook/react": "6.4.0-beta.19",
+    "@storybook/router": "6.4.0-beta.19",
     "@storybook/source-loader": "6.4.0-beta.19",
     "@storybook/testing-library": "0.0.0-alpha.3",
     "@storybook/theming": "6.4.0-beta.19",
diff --git a/examples/official-storybook/preview.js b/examples/official-storybook/preview.js
index c5c2ff77a69..e1e3abbc8e8 100644
--- a/examples/official-storybook/preview.js
+++ b/examples/official-storybook/preview.js
@@ -11,6 +11,7 @@ import {
   useTheme,
 } from '@storybook/theming';
 import { Symbols } from '@storybook/components';
+import { LocationProvider } from '@storybook/router';
 
 import addHeadWarning from './head-warning';
 
@@ -87,6 +88,11 @@ const ThemedSetRoot = () => {
 };
 
 export const decorators = [
+  (StoryFn) => (
+    <LocationProvider>
+      <StoryFn />
+    </LocationProvider>
+  ),
   (StoryFn, { globals, parameters }) => {
     const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light');