jss-rtl | Flip styles using rtl-css-js | Frontend Framework library

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

The Major scenario is I want to have a timer for getting new notifications, but sometimes I need to get notifications out of interval cycle that I have defined, so I put it in a useEffect wrapper, And I made a state in a customHook so I can change it from other components and I use that sate in my useEffect hook dependency list. Now I expect Compo1 to re run useEffect but it's not happening...

I have a project with this package.json:

I have a React app created with CRA, it compiles and runs fine. But production build made with yarn buld and served with serve -s build shows following error in console:

I'm using Material-Ui in my React Project !

i followed the steps in the documentation to allow RTL in my project and all work fine !

except the TextField Component

LTR DIRECTION :

RTL DIRECTION

Like you see ! the problem is with the label still in left ( the input text work fine )

App.js file

I'm trying to setup webpack in my react.js application based on this starter kit

When I start development server, application is build successfully and I can see a list of chunks generated, but then application doesn't load and I got an error in console indicating that chunks were not found.

My webpack.config.js

This is NOT a duplication of https://github.com/mui-org/material-ui-pickers/issues/1440 because I don't have problems with the original usage.
According to this link here https://material-ui-pickers.dev/localization/calendar-systems I have used JalaliUtils from @date-io/jalaali. Here is my code and you can see that I have used two different utils which with JalaaliUtils I get two errors of:

TypeError: utils.getDayText is not a function

TypeError: utils.getYearText is not a function

Instead it works just fine if I use MomentUtils from @date-io/moment but this is not what I want. is there any bugs with the package itself ?

I am new to REACT and I am creating an application with React that is going to be in Persian (right-to-left script like Arabic) and I am using Material UI framework. The problem is that, I cannot get the components from Material UI in rtl format. I have followed the following steps:

1. I have the direction as rtl in my html tag.
2. I have clicked on the rtl toggle button and copied all the codes but upon pasting it, the components aren't completely right to left and partially right to left.
3. I followed the guide for right to left written in their website but I can't get the jss library to work. RIGHT TO LEFT GUIDE _ MATERIAL UI

Can someone please clarify how to use this jss-rtl in detail since i am new to REACTJS.

I am attaching a form that i want to be in rtl format.