forge42dev / react-input-mask Goto Github PK

Does this library support optional characters? For instance a US zip code is usually in format 99999 but sometimes can be in format 99999-9999.

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of InputElement2 which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node

Description:

• When using https://ui.shadcn.com/docs/components/input with react-input-mask, it does not mask the input

Steps to Reproduce:

• Install ui.shadcn.com with Vite. Add this code:

const { getInputProps } = useInputMask({
    mask: 'One does not simply walk into AAAAAA',
  });

  return (
    <div>
      <h1>Overview</h1>
      <div className="w-[240px] mt-12">
        <Label>Label</Label>
        <Input name="number" {...getInputProps} onChange={e => {
          // Your onChange handler gets the output of the hook (won't trigger if the input is invalid)
          console.log(e.target.value);
        }} />
      </div>

    </div>
  );

Expected Behavior:

• Input should be masked

Actual Behavior:

• Input is not masked

Error message: No error message.

Note: Update documentation. Import only functions if :

import { useInputMask } from '@code-forge/react-input-mask';