Как я могу сбросить форму в библиотеке реагирования rsuite?

Итак, я использую r-suite react library, и у меня проблема со сбросом формы

Когда я использую хук use-Ref для сброса формы, я получаю сообщение об ошибке, что form-Ref.current.reset() не является функцией

Я тоже пробую form-ref.current = null но почему-то не работает

так как я могу сбросить свою форму?

У меня проблема с формой сброса, и похоже, что библиотека реагирования r-suite не может позволить мне сбросить форму

import React, { useState, useRef } from "react";
import {
  Form,
  FormGroup,
  FormControl,
  Button,
  Container,
  FlexboxGrid,
} from "rsuite";
import { quotationModel } from "../validation/validation";

const AddFormjsx = ({ addQuotation }) => {
  const [val, setVal] = useState(undefined);

  const formRef = useRef();

  const handleVal = (e) => setVal(e);

  const handleSubmite = (e) => {
    console.info(e);
    if (e) {
      formRef.current.reset();
      addQuotation(val);
    }
  };

  return (
    <Container style = {{ marginTop: "2rem" }}>
      <FlexboxGrid justify = "center">
        <Form
          layout = "inline"
          model = {quotationModel}
          onChange = {handleVal}
          onSubmit = {handleSubmite}
          ef = {formRef}
        >
          <FormGroup>
            <FormControl
              name = "itemName"
              placeholder = "Item name"
              style = {{ width: 160 }}
            />
          </FormGroup>
          <FormGroup>
            <FormControl
              name = "itemPrice"
              placeholder = "Item price"
              style = {{ width: 160 }}
            />
          </FormGroup>
          <FormGroup>
            <FormControl
              name = "itemQuontity"
              placeholder = "Item Quontity"
              style = {{ width: 160 }}
            />
          </FormGroup>
          <Button type = "submite">Add</Button>
        </Form>
      </FlexboxGrid>
    </Container>
  );
};

export default AddFormjsx;