Error when rendering the <SchemaForm /> inside of a Material UI <Dialog>

[aramkoukia]

I get the following error when rendering the inside of a Material UI

Uncaught TypeError: Cannot read property 'anchorEl' of null
    at RawConfiguredField.shouldComponentUpdate (ConfiguredField.js:74)
    at checkShouldComponentUpdate (react-dom.development.js:11668)
    at updateClassInstance (react-dom.development.js:12077)
    at updateClassComponent (react-dom.development.js:13499)
    at beginWork (react-dom.development.js:14090)
    at performUnitOfWork (react-dom.development.js:16416)
    at workLoop (react-dom.development.js:16454)
    at renderRoot (react-dom.development.js:16533)
    at performWorkOnRoot (react-dom.development.js:17387)
    at performWork (react-dom.development.js:17295)
    at performSyncWork (react-dom.development.js:17267)
    at interactiveUpdates$1 (react-dom.development.js:17558)
    at interactiveUpdates (react-dom.development.js:2208)
    at dispatchInteractiveEvent (react-dom.development.js:4913)

And I see a blank page when this error happens...

Here is how the code looks like:

        <Dialog
          open={openCustomerDialog}
         >
          <DialogContent>
                <SchemaForm
                  classes={styles}
                  schema={schema}
                  uiSchema={uiSchema}
                  formData={initialFormData}
                  onSubmit={this.onSubmit}
                />
          </DialogContent>
        </Dialog>

[TwoAbove]

Hey! Sorry for not answering sooner. Have you tried wrapping it in a <div>?

p.s. This might change in v2 where I'll re-write the project (re rjsf-team/react-jsonschema-form#1222)