可以将reactstrap与react-hook-form和react-input-mask一起使用？

import React from 'react';
import { useForm } from 'react-hook-form';
import { Input, FormGroup, Label } from 'reactstrap';
import InputMask from 'react-input-mask';

function MyForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <FormGroup>
        <Label for="name">Name</Label>
        <Input
          {...register("name", { required: true })}
          id="name"
          placeholder="Your name"
        />
        {errors.name && <p>This field is required</p>}
      </FormGroup>

      <FormGroup>
        <Label for="phone">Phone</Label>
        <InputMask
          {...register("phone", { required: true })}
          id="phone"
          mask="(999) 999-9999"
          placeholder="(234) 345-6789"
        >
          {(inputProps) => (
            <Input {...inputProps} />
          )}
        </InputMask>
        {errors.phone && <p>This field is required</p>}
      </FormGroup>

      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;