[docs] RTL docs is not up-to-date

component overrides, makeStyles & components with sx prop not working properly in RTL.

The issue is in RTL mode marginRight not converted to marginLeft.

Please refer to the following codesandbox and let me know if I am doing something wrong: https://codesandbox.io/s/currying-forest-erxxy?file=/src/App.js

[ghost]

when configuring RTL using typescript as in the docs, specifically in step 3.2:

const cacheRtl = createCache({
  key: 'muirtl',
  stylisPlugins: [rtlPlugin],
});

typescript complains about rtlPlugin with this error: Type ‘(element: unknown, index: unknown, children: unknown, callback: unknown) => string | void’ is not assignable to type ‘StylisPlugin’. Type ‘string | void’ is not assignable to type ‘string | undefined’. Type ‘void’ is not assignable to type ‘string | undefined’

[panbehkar]

when configuring RTL using typescript as in the docs, specifically in step 3.2:

const cacheRtl = createCache({
  key: 'muirtl',
  stylisPlugins: [rtlPlugin],
});

typescript complains about rtlPlugin with this error: Type ‘(element: unknown, index: unknown, children: unknown, callback: unknown) => string | void’ is not assignable to type ‘StylisPlugin’. Type ‘string | void’ is not assignable to type ‘string | undefined’. Type ‘void’ is not assignable to type ‘string | undefined’

I have the same issue.