init project

src/core/utils/cacheRtl.js

@@ -0,0 +1,16 @@
+'use client'
+import createCache from "@emotion/cache";
+import {prefixer} from "stylis";
+import stylisRTLPlugin from "stylis-plugin-rtl";
+import {CacheProvider} from "@emotion/react";
+
+const cache = createCache({
+    key: 'mui-rtl',
+    stylisPlugins: [prefixer, stylisRTLPlugin],
+});
+
+const cacheProviderRtl = (props) => {
+    return <CacheProvider value={cache}>{props.children}</CacheProvider>;
+}
+
+export default cacheProviderRtl

src/core/utils/theme.js

@@ -0,0 +1,8 @@
+'use client'
+import {createTheme} from "@mui/material";
+
+const theme = createTheme({
+    direction: 'rtl'
+});
+
+export default theme