Security Code Component for React

import { SecurityCode, ToSecurityCodeRef } from '@laterjs/react-security-code';
import { useRef, MutableRefObject } from "react";

export default () => {

  const securityCodeRef = useRef() as MutableRefObject<ToSecurityCodeRef>;

  return (
    <SecurityCode
      ref={securityCodeRef}
      onCodeChanged={digits => {
        console.log('onCodeChanged...', digits)
      }}
      onCodeEntered={digits => {
        console.log('onCodeEntered...', digits)
      }}
      fields={6}/>
  )
}