diff --git a/redisinsight/ui/src/Router.tsx b/redisinsight/ui/src/Router.tsx index 225e66791a..c516ad08a2 100644 --- a/redisinsight/ui/src/Router.tsx +++ b/redisinsight/ui/src/Router.tsx @@ -1,5 +1,6 @@ import React from 'react' -import { BrowserRouter } from 'react-router-dom' +import { Router as ReactRouter } from 'react-router-dom' +import { createBrowserHistory } from 'history' interface Props { children: React.ReactElement @@ -13,8 +14,10 @@ if (RIPROXYPATH !== '') { MOUNT_PATH = RIPROXYPATH } +export const history = createBrowserHistory({ basename: MOUNT_PATH }) + const Router = ({ children }: Props) => ( - {children} + {children} ) export default Router diff --git a/redisinsight/ui/src/slices/store.ts b/redisinsight/ui/src/slices/store.ts index dc9ad47a57..cefec609ea 100644 --- a/redisinsight/ui/src/slices/store.ts +++ b/redisinsight/ui/src/slices/store.ts @@ -1,4 +1,3 @@ -import { createBrowserHistory } from 'history' import { configureStore, combineReducers } from '@reduxjs/toolkit' import { getConfig } from 'uiSrc/config' @@ -59,8 +58,6 @@ import tagsReducer from './instances/tags' const riConfig = getConfig() -export const history = createBrowserHistory() - export const rootReducer = combineReducers({ app: combineReducers({ info: appInfoReducer, @@ -149,7 +146,9 @@ const store = configureStore({ devTools: riConfig.app.env !== 'production', }) -export { store } +const dispatch = store.dispatch + +export { store, dispatch } export type ReduxStore = typeof store export type RootState = ReturnType diff --git a/redisinsight/ui/src/utils/test-store.ts b/redisinsight/ui/src/utils/test-store.ts index 76611cdbe1..d9ea741712 100644 --- a/redisinsight/ui/src/utils/test-store.ts +++ b/redisinsight/ui/src/utils/test-store.ts @@ -1,11 +1,8 @@ -import { createBrowserHistory } from 'history' - import type { ReduxStore } from 'uiSrc/slices/store' // Re-export all types and exports from the real store to avoid circular dependencies during tests export type { RootState, AppDispatch, ReduxStore } from 'uiSrc/slices/store' -export const history = createBrowserHistory() // Lazy reference to avoid circular dependencies // The store will be set by the store module itself after it's created