The uploaded entry is shown as a JSON in the Table List and the addition of an empty entry to an Upload file is breaking the Table List

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.3.0 CE GA1, 7.3.10 DXP GA1, Master
• Component/s: App Builder
• Labels:
  • appbuilder_backend
  • appbuilder_create
  • appbuilder_deployment
  • appbuilder_frontend
  • appbuilder_list
  • appbuilder_tableview
  • backend_test
• Fix Priority: 5
• Sprint: App_Builder_7.3_11
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/81225

Description

The uploaded entry is shown as a JSON in the Table List and the addition of an empty entry to an Upload file is breaking the Table List.

Steps to Reproduce

1. Go to Control Panel > App Builder > Custom Objects > Add a Custom Object;
2. Add a Form View > Add an Upload field;
3. Add a Table View;
4. Deploy an app using the Form View and Table View;
5. Go to the deployed app > Add an entry by selecting a file to be uploaded > Save;
6. Observe how the uploaded entry is shown in the Table List;
7. Add empty entry to an Upload field and Save;
8. Observe that Table List is broken.

Upload log:

?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1917 Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7Bjsonobject%7D&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at mg (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1500)
    at ?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1583
    at S (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1777)
    at mj (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/frontend-j[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:2515)
    at jj (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:2251)
    at Z (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:2211)
    at $i (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:2153)
    at ?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1364
    at exports.unstable_runWithPriority (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:417)
    at vf (?browserId=other&minifierType=&languageId=en_US&b=7300&t=1574172479313&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js:1351)

 

Expected Result
The uploaded entry is not shown as a JSON in the Table List and the addition of an empty entry to an Upload file is not breaking the Table List.

Actual Result
The uploaded entry is shown as a JSON in the Table List and the addition of an empty entry to an Upload file is breaking the Table List.

Reproduced In
master: 543c4a926d8eae4e83c6bd09d5ffaf95159ca247