'rtl in material UI cause ruined my app appearance

I setup my rtl configuration step by step in v5mui. Using:

  • emotion as styled-engine
  • stylis v4
  • stylis-plugin-rtl v2

Every thing is OK but when using some complicated component my app appearance crashes. There are a warning in terminal that I think will be the answer... but I don't understand it.

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/hamid/Desktop/zahra/node_modules/stylis-plugin-rtl/src/stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open '/home/hamid/Desktop/zahra/node_modules/stylis-plugin-rtl/src/stylis-rtl.ts'
 @ ./src/index.js 8:0-42 15:18-27


Solution 1:[1]

It was better to say which version did you use? for instance I used version 2.1.0 anyway, I have the same problem as you said with v2.1.1 and I should use this version v2.0.2 instead.

npm i [email protected]

I hope it can help you.

Best Wishes,

Parham

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Parham sagharichi ha