use onDataChange instead of text changed (#38771) (#39395)

fixes: #38482

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
(cherry picked from commit 014de8064d)

js/apps/admin-ui/src/clients/keys/GenerateKeyDialog.tsx

@@ -96,10 +96,12 @@ export const KeyForm = ({
             render={({ field }) => (
               <FileUpload
                 id="importFile"
+                type="text"
                 value={field.value}
+                hideDefaultPreview
                 filename={filename}
                 browseButtonText={t("browse")}
-                onTextChange={(value) => {
+                onDataChange={(_, value) => {
                   field.onChange(value);
                 }}
                 onFileInputChange={(_, file) => setFilename(file.name)}