How do I ask for a number to be entered when I enter a character other than a number in input?

<FormControl>
                <FormLabel>{isPay ? '추가 지급할 적립금' : '회수할 적립금'}</FormLabel>
                <OutlinedInput
                  type="number"
                  id="amount"
                  error={!!errors.amount}
                  {...register('amount', {
                    required: t('errors.required.field', {
                      field: 'amount',
                    }),
                    valueAsNumber: true,
                  })}
                  style={{ height: '40px' }}
                />
              </FormControl>

<FormControl>
                <FormLabel>{isPay ? '추가 지급할 적립금' : '회수할 적립금'}</FormLabel>
                <OutlinedInput
                  type="number"
                  id="amount"
                  error={!!errors.amount}
                  {...register('amount', {
                    required: t('errors.required.field', {
                      field: 'amount',
                    }),
                    valueAsNumber: true,
                  })}
                  style={{ height: '40px' }}
                />
              </FormControl>