1 files changed, 4 insertions, 1 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 2722d3b..72a9ffd 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -33,6 +33,7 @@ import StoreProvider from './components/StoreProvider';
 import ThemeProvider from './components/ThemeProvider';
 import { exposeToReduxDevtools, hotReload } from './devTools';
 import RtlCacheProvider from './i18n/RtlCacheProvider';
+import createRtlCache from './i18n/createRtlCache';
 import loadRendererLocalization from './i18n/loadRendererLoalization';
 import { createAndConnectRendererStore } from './stores/RendererStore';
 import { getLogger } from './utils/log';
@@ -66,13 +67,15 @@ const disposeSetHtmlLang = autorun(() => {
 });
 addDisposer(store, disposeSetHtmlLang);
 
+const rtlCache = createRtlCache();
+
 const App = lazy(() => import('./components/App'));
 
 function Root(): JSX.Element {
   return (
     <React.StrictMode>
       <StoreProvider store={store}>
-        <RtlCacheProvider>
+        <RtlCacheProvider rtlCache={rtlCache}>
           <ThemeProvider>
             <CssBaseline enableColorScheme />
             <Suspense fallback={<Loading />}>