RTL issue in case manipulate Dom after boot

[soroushm]

RTL issue after in case manipulate dir after boot

my application has multi lang so i use Helmet for change direction but there is some issues

for example tabs underling not updating and will be start in left side Like bellow:
https://codesandbox.io/s/ly9z85w259

Tech	Version
Material-UI	v3.6.0
React	v16

[oliviertassinari]

@soroushm This is a limitation of our implementation. We have been discussing it in #7187.
Now, we have been adding an API to handle the problem, you can find the action property in our documentation. https://material-ui.com/api/tabs/#props

  componentDidMount() {
    setTimeout(this.setState({ dir: true }), 200);
+   this.actions.updateIndicator();
  }
  render() {
    const { classes } = this.props;
    const jss = create({ plugins: [...jssPreset().plugins, rtl()] });
    const generateClassName = createGenerateClassName();
    return (
      <JssProvider jss={jss} generateClassName={generateClassName}>
        <MuiThemeProvider theme={theme}>
          <Helmet htmlAttributes={this.htmlAttr()}>
            <title>helmet</title>
            <meta name="description" content="Helmet application" />
          </Helmet>

          <Paper className={classes.root}>
            <Tabs
+             action={actions => (this.actions = actions)}
              value={this.state.value}
              onChange={this.handleChange}

https://codesandbox.io/s/9x5qo38j4

[soroushm]

@oliviertassinari thanks buddy, your the best