diff --git a/packages/redux-devtools-inspector/demo/src/.noderequirer.json b/packages/redux-devtools-inspector/demo/src/.noderequirer.json
deleted file mode 100644
index 20e76308..00000000
--- a/packages/redux-devtools-inspector/demo/src/.noderequirer.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "import": true
-}
diff --git a/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx b/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx
index a8e26da7..24db5c7d 100644
--- a/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx
+++ b/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx
@@ -85,7 +85,7 @@ function buildUrl(options) {
class DemoApp extends React.Component {
render() {
- const options = getOptions();
+ const options = getOptions(this.props.router.location);
return (
@@ -193,7 +193,7 @@ class DemoApp extends React.Component {
{(options.useExtension ? 'Disable' : 'Enable') +
- ' Chrome Extension'}
+ ' Chrome Extension (will reload this page)'}
{(options.supportImmutable ? 'Disable' : 'Enable') +
@@ -205,15 +205,16 @@ class DemoApp extends React.Component {
}
toggleExtension = () => {
- const options = getOptions();
+ const options = getOptions(this.props.router.location);
- this.props.pushRoute(
- buildUrl({ ...options, useExtension: !options.useExtension })
- );
+ window.location.href = buildUrl({
+ ...options,
+ useExtension: !options.useExtension,
+ });
};
toggleImmutableSupport = () => {
- const options = getOptions();
+ const options = getOptions(this.props.router.location);
this.props.pushRoute(
buildUrl({ ...options, supportImmutable: !options.supportImmutable })
@@ -221,7 +222,7 @@ class DemoApp extends React.Component {
};
toggleTheme = () => {
- const options = getOptions();
+ const options = getOptions(this.props.router.location);
this.props.pushRoute(buildUrl({ ...options, dark: !options.dark }));
};
diff --git a/packages/redux-devtools-inspector/demo/src/js/getOptions.js b/packages/redux-devtools-inspector/demo/src/js/getOptions.js
index f18e133d..b26e8222 100644
--- a/packages/redux-devtools-inspector/demo/src/js/getOptions.js
+++ b/packages/redux-devtools-inspector/demo/src/js/getOptions.js
@@ -1,11 +1,11 @@
-export default function getOptions() {
+export default function getOptions(location) {
return {
- useExtension: window.location.search.indexOf('ext') !== -1,
- supportImmutable: window.location.search.indexOf('immutable') !== -1,
+ useExtension: location.search.indexOf('ext') !== -1,
+ supportImmutable: location.search.indexOf('immutable') !== -1,
theme: do {
- const match = window.location.search.match(/theme=([^&]+)/);
+ const match = location.search.match(/theme=([^&]+)/);
match ? match[1] : 'inspector';
},
- dark: window.location.search.indexOf('dark') !== -1,
+ dark: location.search.indexOf('dark') !== -1,
};
}
diff --git a/packages/redux-devtools-inspector/demo/src/js/index.js b/packages/redux-devtools-inspector/demo/src/js/index.js
index 6f794371..50e7e412 100644
--- a/packages/redux-devtools-inspector/demo/src/js/index.js
+++ b/packages/redux-devtools-inspector/demo/src/js/index.js
@@ -43,13 +43,10 @@ const getDevTools = ({ location }) =>
changeMonitorKey="ctrl-m"
>
[
{
name: 'Custom Tab',
@@ -64,13 +61,13 @@ const getDevTools = ({ location }) =>
const ROOT =
process.env.NODE_ENV === 'production' ? '/redux-devtools-inspector/' : '/';
-const DevTools = getDevTools(getOptions());
+const DevTools = getDevTools({ location: window.location });
const history = createBrowserHistory();
const useDevtoolsExtension =
!!window.__REDUX_DEVTOOLS_EXTENSION__ &&
- window.location.search.indexOf('ext') !== -1;
+ getOptions(window.location).useExtension;
const enhancer = compose(
applyMiddleware(logger, routerMiddleware(history)),