InputMask: No mask on start typing

[mikejav]

Describe the bug

For the controlled component, and when the unmask flag is set to true, when the user start typing, the mask is disabled and the subsequent characters appear at some random places.

See the gif:

Note: I'm typing here the "1234567890" and get completely unexpected entered value.

Reproducer

https://stackblitz.com/edit/7hkcjbdu?file=src%2FApp.jsx

System Information

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 Intel(R) Core(TM) i5-10400F CPU @ 2.90GHz
    Memory: 16.01 GB / 31.93 GB
  Binaries:
    Node: 20.10.0 - C:\Program Files\NodeJS 20.10.0\node.EXE
    npm: 10.2.3 - C:\Program Files\NodeJS 20.10.0\npm.CMD
  Browsers:
    Edge: Chromium (131.0.2903.112)
    Internet Explorer: 11.0.19041.4355
  npmPackages:
    primereact: ^10.8.5 => 10.8.5
    react: ^18.2.0 => 18.2.0

Steps to reproduce the behavior

1. Go to https://stackblitz.com/edit/7hkcjbdu?file=src%2FApp.jsx
2. Type the following number: 1234567890 - subsequent digits appear in wrong places (not at the end). Also the mask is not present when you start typing.
3. Blur the input

Expected behavior

1. The mask should be present when the user is typing.
2. The next entered digits should appear in the correct places - at the end of the entering value.