1 files changed, 8 insertions, 9 deletions

diff --git a/packages/renderer/src/i18n/RtlCacheProvider.tsx b/packages/renderer/src/i18n/RtlCacheProvider.tsx
index d54308b..be770b8 100644
--- a/packages/renderer/src/i18n/RtlCacheProvider.tsx
+++ b/packages/renderer/src/i18n/RtlCacheProvider.tsx
@@ -18,21 +18,20 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import createCache from '@emotion/cache';
+import type { EmotionCache } from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { observer } from 'mobx-react-lite';
 import React, { ReactNode } from 'react';
-import { prefixer } from 'stylis';
-import rtlPlugin from 'stylis-plugin-rtl';
 
 import { useStore } from '../components/StoreProvider';
 
-const rtlCache = createCache({
-  key: 'muirtl',
-  stylisPlugins: [prefixer, rtlPlugin],
-});
-
-function RtlCacheProvider({ children }: { children?: ReactNode }): JSX.Element {
+function RtlCacheProvider({
+  children,
+  rtlCache,
+}: {
+  children?: ReactNode;
+  rtlCache: EmotionCache;
+}): JSX.Element {
   const {
     shared: { writingDirection },
   } = useStore();