Frontend File Upload

Какой компонент в FrontendUI можно использовать для работы с файлами на React Frontend UI ? Когда я использую стандартный, то получаю ошибку при сохранении списка файлов (List).

index.js:1472 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `InsuredPersonListComponent`. See https://fb.me/react-warning-keys for more information.
in Button (created by InsuredPersonListComponent)
in InsuredPersonListComponent (created by inject-InsuredPersonListComponent-with-rootStore)
in inject-InsuredPersonListComponent-with-rootStore (created by inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)
in inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore) (created by Route)
in Route (created by withRouter(injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)))
in withRouter(injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
index.js:1472 Warning: Failed prop type: Invalid prop `dataSource` of type `object` supplied to `Table`, expected `array`.
in Table (created by withStore(Table))
in withStore(Table) (created by InsuredPersonListComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Spin (created by InsuredPersonListComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonListComponent)
in InsuredPersonListComponent (created by inject-InsuredPersonListComponent-with-rootStore)
in inject-InsuredPersonListComponent-with-rootStore (created by inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)
in inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore) (created by Route)
in Route (created by withRouter(injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)))
in withRouter(injectIntl(inject-inject-InsuredPersonListComponent-with-rootStore-with-mainStore)) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
:8085/tsadv/rest/v2/entities/tsadv$InsuredPerson/search?view=insuredPerson-browseView&sort=-updateTs&filter=%7B%22conditions%22%3A%5B%7B%22property%22%3A%221%22%2C%22value%22%3A%221%22%2C%22operator%22%3A%22%3C%3E%22%7D%5D%7D&returnCount=true:1 Failed to load resource: the server responded with a status of 400 ()
index.js:1472 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `DataTable`. It was passed a child from InsuredPersonEditComponent. See https://fb.me/react-warning-keys for more information.
in Button (created by InsuredPersonEditComponent)
in DataTable (created by inject-DataTable-with-mainStore)
in inject-DataTable-with-mainStore (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in form (created by Context.Consumer)
in Form (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Spin (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in InsuredPersonEditComponent (created by inject-InsuredPersonEditComponent-with-rootStore)
in inject-InsuredPersonEditComponent-with-rootStore (created by Route)
in Route (created by withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in withRouter(inject-InsuredPersonEditComponent-with-rootStore) (created by Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore)))
in Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in Unknown (created by Context.Consumer)
in injectIntl(Component) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
index.js:1472 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `InsuredPersonEditComponent`. See https://fb.me/react-warning-keys for more information.
in Tag (created by InsuredPersonEditComponent)
in InsuredPersonEditComponent (created by inject-InsuredPersonEditComponent-with-rootStore)
in inject-InsuredPersonEditComponent-with-rootStore (created by Route)
in Route (created by withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in withRouter(inject-InsuredPersonEditComponent-with-rootStore) (created by Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore)))
in Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in Unknown (created by Context.Consumer)
in injectIntl(Component) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
index.js:1472 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `Context.Consumer`. See https://fb.me/react-warning-keys for more information.
in div (created by Context.Consumer)
in UploadList (created by LocaleReceiver)
in LocaleReceiver (created by Context.Consumer)
in span (created by Context.Consumer)
in Upload (created by FileUploadComponent)
in FileUploadComponent (created by Context.Consumer)
in injectIntl(FileUploadComponent) (created by _class)
in _class (created by inject-_class-with-mainStore)
in inject-_class-with-mainStore (created by ReadonlyField)
in span (created by Context.Consumer)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Col (created by Context.Consumer)
in div (created by Context.Consumer)
in Row (created by Context.Consumer)
in FormItem (created by ReadonlyField)
in ReadonlyField (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Col (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Row (created by InsuredPersonEditComponent)
in form (created by Context.Consumer)
in Form (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Spin (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in InsuredPersonEditComponent (created by inject-InsuredPersonEditComponent-with-rootStore)
in inject-InsuredPersonEditComponent-with-rootStore (created by Route)
in Route (created by withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in withRouter(inject-InsuredPersonEditComponent-with-rootStore) (created by Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore)))
in Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in Unknown (created by Context.Consumer)
in injectIntl(Component) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
index.js:1472 Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.
in Animate (created by Context.Consumer)
in UploadList (created by LocaleReceiver)
in LocaleReceiver (created by Context.Consumer)
in span (created by Context.Consumer)
in Upload (created by FileUploadComponent)
in FileUploadComponent (created by Context.Consumer)
in injectIntl(FileUploadComponent) (created by _class)
in _class (created by inject-_class-with-mainStore)
in inject-_class-with-mainStore (created by ReadonlyField)
in span (created by Context.Consumer)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Col (created by Context.Consumer)
in div (created by Context.Consumer)
in Row (created by Context.Consumer)
in FormItem (created by ReadonlyField)
in ReadonlyField (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Col (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Row (created by InsuredPersonEditComponent)
in form (created by Context.Consumer)
in Form (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Spin (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in InsuredPersonEditComponent (created by inject-InsuredPersonEditComponent-with-rootStore)
in inject-InsuredPersonEditComponent-with-rootStore (created by Route)
in Route (created by withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in withRouter(inject-InsuredPersonEditComponent-with-rootStore) (created by Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore)))
in Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in Unknown (created by Context.Consumer)
in injectIntl(Component) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider
console.<computed> @ index.js:1472
Animate.js:221 Uncaught Error: must set key for <rc-animate> children
at Animate.js:221
at Array.map (<anonymous>)
at Animate.render (Animate.js:215)
at finishClassComponent (react-dom.development.js:17098)
at updateClassComponent (react-dom.development.js:17051)
at beginWork (react-dom.development.js:18513)
at HTMLUnknownElement.callCallback (react-dom.development.js:189)
at Object.invokeGuardedCallbackDev (react-dom.development.js:238)
at invokeGuardedCallback (react-dom.development.js:291)
at beginWork$1 (react-dom.development.js:23055)
at performUnitOfWork (react-dom.development.js:22019)
at workLoopSync (react-dom.development.js:21995)
at performSyncWorkOnRoot (react-dom.development.js:21613)
at react-dom.development.js:11131
at unstable_runWithPriority (scheduler.development.js:659)
at runWithPriority$1 (react-dom.development.js:11077)
at flushSyncCallbackQueueImpl (react-dom.development.js:11126)
at flushSyncCallbackQueue (react-dom.development.js:11114)
at batchedUpdates$1 (react-dom.development.js:21719)
at reactionScheduler (mobx.module.js:2254)
at runReactions (mobx.module.js:2222)
at endBatch (mobx.module.js:1857)
at _endAction (mobx.module.js:1160)
at executeAction (mobx.module.js:1107)
at runInAction (mobx.module.js:2420)
at index.esm.js:963
index.js:1472 The above error occurred in the <Animate> component:
in Animate (created by Context.Consumer)
in UploadList (created by LocaleReceiver)
in LocaleReceiver (created by Context.Consumer)
in span (created by Context.Consumer)
in Upload (created by FileUploadComponent)
in FileUploadComponent (created by Context.Consumer)
in injectIntl(FileUploadComponent) (created by _class)
in _class (created by inject-_class-with-mainStore)
in inject-_class-with-mainStore (created by ReadonlyField)
in span (created by Context.Consumer)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Col (created by Context.Consumer)
in div (created by Context.Consumer)
in Row (created by Context.Consumer)
in FormItem (created by ReadonlyField)
in ReadonlyField (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Col (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in Row (created by InsuredPersonEditComponent)
in form (created by Context.Consumer)
in Form (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Spin (created by InsuredPersonEditComponent)
in div (created by Context.Consumer)
in div (created by Context.Consumer)
in Card (created by InsuredPersonEditComponent)
in InsuredPersonEditComponent (created by inject-InsuredPersonEditComponent-with-rootStore)
in inject-InsuredPersonEditComponent-with-rootStore (created by Route)
in Route (created by withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in withRouter(inject-InsuredPersonEditComponent-with-rootStore) (created by Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore)))
in Form(withRouter(inject-InsuredPersonEditComponent-with-rootStore))
in Unknown (created by Context.Consumer)
in injectIntl(Component) (created by InsuredPersonManagement)
in InsuredPersonManagement (created by Route)
in Route (created by AppComponent)
in Switch (created by AppComponent)
in main (created by Basic)
in Basic (created by Context.Consumer)
in Content (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in section (created by BasicLayout)
in BasicLayout (created by Context.Consumer)
in Layout (created by AppComponent)
in AppComponent (created by inject-AppComponent-with-rootStore)
in inject-AppComponent-with-rootStore (created by inject-inject-AppComponent-with-rootStore-with-mainStore)
in inject-inject-AppComponent-with-rootStore-with-mainStore (created by Context.Consumer)
in injectIntl(inject-inject-AppComponent-with-rootStore-with-mainStore) (created by Route)
in Route
in Router (created by HashRouter)
in HashRouter
in LocaleProvider (created by Context.Consumer)
in LocaleReceiver (created by ConfigProvider)
in ConfigProvider (created by _class)
in IntlProvider (created by _class)
in _class (created by Context.Consumer)
in Provider (created by Context.Consumer)
in CubaAppProvider
in Provider

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

Здравствуйте, приведите пожалуйста код где используется компонент.