React Input mask

import React, { useRef, useCallback, useEffect } from "react";
import ReactInputMask from "react-input-mask";
import { useField } from "@unform/core";

export default function InputMaskT({ name, mask, ...rest }) {
  const inputRef = useRef(null);

  const { fieldName, registerField, defaultValue, error } = useField(name);
  console.log(inputRef);

  function mudar(event) {
    console.log(event.target.value)
    inputRef.current.value = event.target.value
  }


  useEffect(() => {
    registerField({
      name: fieldName,
      ref: inputRef.current,
      path: 'value',
   
    });
  }, [fieldName, registerField]);
  return (
    <ReactInputMask ref={inputRef} onChange={(event) => mudar(event)} {...rest} />
  );
}