diff --git a/.changeset/proud-seahorses-wink.md b/.changeset/proud-seahorses-wink.md new file mode 100644 index 0000000000..ce6212507b --- /dev/null +++ b/.changeset/proud-seahorses-wink.md @@ -0,0 +1,5 @@ +--- +"@navikt/ds-react": patch +--- + +FileUpload.Dropzone: id prop settes på button diff --git a/@navikt/core/react/src/form/file-upload/parts/dropzone/Dropzone.tsx b/@navikt/core/react/src/form/file-upload/parts/dropzone/Dropzone.tsx index 9dc9ad61b8..5d3dc68312 100644 --- a/@navikt/core/react/src/form/file-upload/parts/dropzone/Dropzone.tsx +++ b/@navikt/core/react/src/form/file-upload/parts/dropzone/Dropzone.tsx @@ -30,6 +30,7 @@ const Dropzone = forwardRef( disabled, translations, onClick, + id: buttonId, ...rest } = props; @@ -46,7 +47,10 @@ const Dropzone = forwardRef( const _disabled = disabled ?? fileLimitReached; const { inputProps, errorId, showErrorMsg, hasError, inputDescriptionId } = - useFormField({ ...props, disabled: _disabled }, "fileUpload"); + useFormField( + { ...omit(props, ["id"]), disabled: _disabled }, + "fileUpload", + ); const { id: inputId, "aria-describedby": ariaDescribedby, @@ -129,8 +133,9 @@ const Dropzone = forwardRef( {translate("dropzone.or")}