import { NumberInput, NumberIncrementStepper, NumberInputField, NumberInputStepper, NumberDecrementStepper, NumberInputProps } from '@chakra-ui/react'; import React from 'react'; import MyIcon from '../../Icon'; import { UseFormRegister } from 'react-hook-form'; type Props = Omit & { onChange?: (e?: number) => any; onBlur?: (e?: number) => any; placeholder?: string; register?: UseFormRegister; name?: string; bg?: string; }; const MyNumberInput = (props: Props) => { const { register, name, onChange, onBlur, placeholder, bg, ...restProps } = props; return ( { if (!onBlur) return; const numE = Number(e.target.value); if (isNaN(numE)) { // @ts-ignore onBlur(''); } else { onBlur(numE); } }} onChange={(e) => { if (!onChange) return; const numE = Number(e); if (isNaN(numE)) { // @ts-ignore onChange(''); } else { onChange(numE); } }} > ); }; export default React.memo(MyNumberInput);