How to use the Kendo Upload in react Json form

[ashi015]

I used Kendo Upload widget to track my uploaded file progress like below. but not able to set or preserve this uploaded information in my multi-step form.
I would appreciate any help you could give me on this.

const schema = {
    type: 'object',
    properties: {
        uploadSolution: { type: 'string', "format": "data-url" }
    }
}

const uiSchema = {
	uploadSolution: {
		'ui:widget': (props) => {
			return (
				<Upload
					autoUpload={false}
					defaultFiles={[]}
					onUpload={(e) => props.onChange(event.files[0].name)}
					withCredentials={false}
					multiple={false}
					saveUrl={"https://demos.telerik.com/kendo-ui/service-v4/upload/save"}
					removeUrl={"https://demos.telerik.com/kendo-ui/service-v4/upload/remove"}
				/>

			)
		}
	}
}
...
...
<Form schema={schema}
	validator={validator}
	uiSchema={uiSchema}
	onChange={handleChange}
	onSubmit={log("submitted")}
	formData={formData}
	onError={log("errors")} >
</Form>

function handleChange({ formData }) {
	setFormData((prevData) => {
		return { ...prevData, ...formData }
	})
}