fix: mui textfield disappearing

src/useHookFormMask.ts

@@ -1,10 +1,12 @@
 import inputmask from 'inputmask';
 import { RefCallback } from 'react';
 import {
-  FieldValues, Path, UseFormRegister, RegisterOptions,
+  FieldValues, Path,
+  RegisterOptions,
+  UseFormRegister,
 } from 'react-hook-form';
-import { flow, getMaskOptions } from './utils';
 import { Mask, Options } from './types';
+import { flow, getMaskOptions } from './utils';
 
 export function useHookFormMask<
   T extends FieldValues, D extends RegisterOptions,
@@ -17,7 +19,15 @@ export function useHookFormMask<
     const maskInput = inputmask(getMaskOptions(mask, options as any));
 
     const newRef = flow((_ref: HTMLElement) => {
-      if (_ref) maskInput.mask(_ref);
+      if (_ref) {
+        const { nodeName } = _ref;
+
+        if (nodeName !== 'INPUT') {
+          maskInput.mask(_ref.querySelector('input') as HTMLElement);
+        } else {
+          maskInput.mask(_ref);
+        }
+      }
       return _ref;
     }, ref) as RefCallback<HTMLElement>;
 

src/utils/getMaskOptions.ts

@@ -63,6 +63,7 @@ export const getMaskOptions = (mask?: Mask, _options?: Options): Options => {
     },
 
     // alias for brazilians <3
+    // ty <3
     'brl-currency': {
       alias: 'currency',
       prefix: 'R$ ',