React Hook Form dynamic required

import React from 'react';
import { useForm, Controller } from 'react-hook-form';

const DynamicRequiredForm = () => {
  const { control, handleSubmit, formState: { errors } } = useForm();

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

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        name="toggle"
        control={control}
        defaultValue=""
        render={({ field }) => (
          <input type="checkbox" {...field} />
        )}
      />
      <Controller
        name="inputField"
        control={control}
        rules={{
          required: ({ getValues }) => getValues().toggle === 'on' ? 'Required' : false,
        }}
        render={({ field }) => (
          <input type="text" {...field} />
        )}
      />
      {errors.inputField && <p>{errors.inputField.message}</p>}
      <button type="submit">Submit</button>
    </form>
  );
};

export default DynamicRequiredForm;