Form Within Modal - formData submitted returns undefined

the onSubmit handler given inn the below code snippet returns undefined. I need some help on this.

import React, {Component} from "react";
import ReactDOM from "react-dom";
import { Button, Checkbox, Form, Input, Message, Radio, Select, TextArea , Modal}  from "semantic-ui-react";

export class NewDiseaseModal extends Component {
    constructor() {
      super();
      this.state = {
        formData: {},
        modalOpen: true
      };
    }

    handleSubmit(e, {formData}) {
        e.preventDefault();
        console.log(formData);
    }

    render() {
      const {formData} = this.state;
      return(
          <Modal open={this.state.modalOpen}>
              <Modal.Header>
                  Add New Disease
              </Modal.Header>
              <Modal.Content>
                <Form onSubmit={this.handleSubmit}>
                  <Form.Field>
                    <Form.Input type='text' name='username' label="username" />
                  </Form.Field>
                  <Button primary type='submit'>Submit</Button>

                  <Message>
                    <pre>formData: {JSON.stringify(formData, null, 2)}</pre>
                  </Message>
                </Form>
              </Modal.Content>
          </Modal>
      );
    }
}

[levithomason]

As of 0.66 there is no formData. See https://github.com/Semantic-Org/Semantic-UI-React/pull/1367 for upgrade guide and more info.

[levithomason]

You’ll notice that example is gone on master now. We’re shipping more examples, which you can preview here:

Examples/collections/Form/Usage/FormExampleCaptureValues.js Examples/collections/Form/Usage/FormExampleClearOnSubmit.js