fix: add path in ts

react-dropzone · Apr 28, 2022 · d164104 · d164104
1 parent 0f55ac5
commit d164104
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/typings/react-dropzone.d.ts b/typings/react-dropzone.d.ts
@@ -1,8 +1,6 @@
 import * as React from "react";
-import { FileWithPath } from "file-selector";
-
-export {FileWithPath};
 
+export { FileWithPath } from "file-selector";
 export default function Dropzone(
   props: DropzoneProps & React.RefAttributes<DropzoneRef>
 ): JSX.Element;
@@ -68,8 +66,8 @@ export type DropzoneState = DropzoneRef & {
   isDragAccept: boolean;
   isDragReject: boolean;
   isFileDialogActive: boolean;
-  draggedFiles: FileWithPath[];
-  acceptedFiles: FileWithPath[];
+  draggedFiles: (File & { path?: string })[];
+  acceptedFiles: (File & { path?: string })[];
   fileRejections: FileRejection[];
   rootRef: React.RefObject<HTMLElement>;
   inputRef: React.RefObject<HTMLInputElement>;

diff --git a/typings/tests/hook.tsx b/typings/tests/hook.tsx
@@ -2,6 +2,14 @@ import React from "react";
 import { useDropzone, DropzoneProps } from "../../";
 
 export const Dropzone = ({ children, ...opts }: DropzoneProps) => {
-  const state = useDropzone(opts);
-  return <>{children(state)}</>;
+  const { ...state } = useDropzone(opts);
+  return children(state);
 };
+
+<Dropzone>
+  {({ getRootProps, getInputProps }) => (
+    <div {...getRootProps()}>
+      <input {...getInputProps()} />
+    </div>
+  )}
+</Dropzone>;