<CacheProvider value={cacheRtl}>
  <ThemeProvider theme={theme}>
    <div dir="rtl" style={{ height: 400, width: '100%' }}>
      <DataGrid rows={rows} columns={columns} />
    </div>
  </ThemeProvider>
</CacheProvider>