diff --git a/packages/@uppy/drag-drop/types/index.d.ts b/packages/@uppy/drag-drop/types/index.d.ts
index 6d96d9e3e..b83060eeb 100644
--- a/packages/@uppy/drag-drop/types/index.d.ts
+++ b/packages/@uppy/drag-drop/types/index.d.ts
@@ -7,8 +7,8 @@ declare module DragDrop {
     target?: Uppy.PluginTarget
     inputName?: string
     allowMultipleFiles?: boolean
-    width?: string
-    height?: string
+    width?: string | number
+    height?: string | number
     note?: string
     locale?: DragDropLocale
   }
diff --git a/packages/@uppy/react/types/index.test-d.tsx b/packages/@uppy/react/types/index.test-d.tsx
index 0c3efe9df..32c22dc79 100644
--- a/packages/@uppy/react/types/index.test-d.tsx
+++ b/packages/@uppy/react/types/index.test-d.tsx
@@ -18,3 +18,23 @@ function TestComponent() {
 // inline option should be removed from proptypes because it is always overridden
 // by the component
 expectError(<components.Dashboard inline />)
+
+{
+  const el = (
+    <components.DragDrop
+      width={200}
+      height={200}
+      note="Images up to 200×200px"
+      uppy={uppy}
+      locale={{
+        strings: {
+          // Text to show on the droppable area.
+          // `%{browse}` is replaced with a link that opens the system file selection dialog.
+          dropHereOr: "Drop here or %{browse}",
+          // Used as the label for the link that opens the system file selection dialog.
+          browse: "browse"
+        }
+      }}
+    />
+  )
+}
diff --git a/website/src/docs/react-dragdrop.md b/website/src/docs/react-dragdrop.md
index c9eddc7f7..c03c780b2 100644
--- a/website/src/docs/react-dragdrop.md
+++ b/website/src/docs/react-dragdrop.md
@@ -67,9 +67,21 @@ class MyComponent extends React.Component {
 The `<DragDrop />` component supports all [DragDrop](/docs/drag-drop/) options as props.
 
 ```js
+// assuming `this.uppy` contains an Uppy instance:
+
 <DragDrop
   width="100%"
   height="100%"
   note="Images up to 200×200px"
+  uppy={this.uppy}
+  locale={{
+    strings: {
+      // Text to show on the droppable area.
+      // `%{browse}` is replaced with a link that opens the system file selection dialog.
+      dropHereOr: "Drop here or %{browse}",
+      // Used as the label for the link that opens the system file selection dialog.
+      browse: "browse",
+    },
+  }}
 />
 ```