diff --git a/platforms/web/src/components/DemoConfigDialog/DemoConfigDialog.tsx b/platforms/web/src/components/DemoConfigDialog/DemoConfigDialog.tsx
index 29bad61f0..84b270ddd 100644
--- a/platforms/web/src/components/DemoConfigDialog/DemoConfigDialog.tsx
+++ b/platforms/web/src/components/DemoConfigDialog/DemoConfigDialog.tsx
@@ -1,6 +1,5 @@
import React, { type ChangeEventHandler, type MouseEventHandler, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { type NavigateFunction, useNavigate } from 'react-router';
import { Helmet } from 'react-helmet';
import { createURL } from '@jwp/ott-common/src/utils/urlFormatting';
import { CONFIG_QUERY_KEY } from '@jwp/ott-common/src/constants';
@@ -12,6 +11,7 @@ import LoadingOverlay from '@jwp/ott-ui-react/src/components/LoadingOverlay/Load
import DevStackTrace from '@jwp/ott-ui-react/src/components/DevStackTrace/DevStackTrace';
import type { BootstrapData } from '@jwp/ott-hooks-react/src/useBootstrapApp';
import { AppError } from '@jwp/ott-common/src/utils/error';
+import { PATH_HOME } from '@jwp/ott-common/src/paths';
import styles from './DemoConfigDialog.module.scss';
@@ -32,26 +32,11 @@ const initialState: State = {
loaded: false,
};
-export function getConfigNavigateCallback(navigate: NavigateFunction) {
- return (configSource: string) => {
- navigate(
- {
- pathname: '/',
- search: new URLSearchParams([[CONFIG_QUERY_KEY, configSource]]).toString(),
- },
- { replace: true },
- );
- };
-}
-
const DemoConfigDialog = ({ query }: { query: BootstrapData }) => {
const { data, isLoading, error, refetch, isSuccess } = query;
const { configSource: selectedConfigSource } = data || {};
const { t } = useTranslation('demo');
- const navigate = useNavigate();
- const navigateCallback = getConfigNavigateCallback(navigate);
-
const [state, setState] = useState