title: Thousand separtor in React Mui TextField
body: <p>I'm trying to add Thousand separator to my mui-textField value,knowing that i already made  digit separation.my code looks like this:</p>
  <pre><code>&lt;TextField
                      size='small'
                      label='Total Cotisations Encaissées'
                      value={
                          totalEncaissement
                           ?.toFixed(modeMO)
                          ?.replace(/\d(?=(\d{3})+\.)/g, &quot;$&amp; &quot;) || 0
                      }
                      variant='outlined'
                      fullWidth
                      type={&quot;number&quot;}
                  /&gt;
              &lt;/Grid&gt;
  </code></pre>
  <p>The field doesn't dispay anything when i add replace, but works totally fine with toFixed only.
  Please could somebody help</p>