How to Use Material Ui Dropzone into My React with Typescript Application?

Button on click should open the mui dropzone which helps me import files.

I tried adding the components from but it does not work and provides the below error.

const DropzoneDialog: React.ComponentType<DropzoneDialogProps>
import DropzoneDialog
'DropzoneDialog' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<DropzoneDialogProps, any, any> | null' is not a valid JSX element.
    Type 'Component<DropzoneDialogProps, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<DropzoneDialogProps, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types
7
Alexander Ross

Alexander Ross

Gaming, Esports & Interactive Media Writer

Alexander Ross has covered the video game industry for a decade, writing deep dives on game design, esports tournaments, VR developments, and gaming culture.

Share this article