یه مشکل دیگه هم که با multi lang دارم اگه صفحه رفرش شه این خطا تو کنسول دارم و بعدش استایل‌های material ui اعمال نمیشه

Warning: Text content did not match. Server: 		

نه پنل مدیریت ولی من میخوام تو پروژه نکست پیاده کنم

اره کلا پنل مدیریتم با next زدم و میخوام multi lang باشه

اینم مشکل حل نکرده

من الان اینو گذاشتم 

const theme = createMuiTheme(
  {
    palette: {
      primary: { main: '#1976d2' }
    }
  },
  faIR
)

عکس قبل و بعد از رفرش رو گذاشتم قبل رفرش به جا نام سمت راست باشه چپ هست بعد رفرش درست میشه ولی کلا دیگه استایل متریال نداره

نه ربطی به اون نداره الان کدهای اونم کامنت کردم باز اکی نیست 

امروز متوجه شدم که اون به هم ریختگی استایل material ui که عکسش فرستادم اصلا ربطی به چند زبانگی هم نداره هر جا تو پروژه نکست رفرش کنم استایل‌های material ui بهم میریزه و تو کنسول هم میگه کلاس سمت سرور و کلاینت یکسان نیست. در صورتی که پروژه شرکت هم نکست هست material ui هم استفاده کردم ولی این اتفاق نمیفته پس الان دو تا سوال دارم:

 1. چه جوری واسه چند زبانگی LTR , RTL اعمال کنم 

2. چرا با رفرش در نکست استایل‌های material ui بهم میریزه 

ممنون میشم راهنمایی کنید

تو چند زبانگی dir  این چیزایی که تو تم هستن رو تونسم با تغییر زبان هندل کنم  با useTheme
مشکلم اون چیزایی هست که با jss اعمال میشه اگه دستوری بود که میشد مث usetheme واسه مجدد مقدار دادن jss توی styleprovider  استفاده کرد مشکلم حل میشد ولی من نتوسم این هندل کنم

const jss = create({
  plugins: [...jssPreset().plugins, rtl()]
})