Tinacms: Field value can't be empty.

[Sampangpang]

In mine project, remove the whole value from the 'text' field in remark form will occur this error. But for sample project is fine. Error info as below:

Errors:
  Cannot query field "video_countdown" on type "MarkdownRemarkFrontmatter".

Errors in console:

Uncaught TypeError: Cannot read property 'markdownRemark' of undefined
    at s (index.js:1)
    at index.js:1
    at Component (react-hot-loader.development.js:827)
    at renderWithHooks (react-dom.development.js:16260)
    at mountIndeterminateComponent (react-dom.development.js:18794)
    at beginWork$1 (react-dom.development.js:20162)
    at HTMLUnknownElement.callCallback (react-dom.development.js:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
    at invokeGuardedCallback (react-dom.development.js:440)
    at beginWork$$1 (react-dom.development.js:25780)
    at performUnitOfWork (react-dom.development.js:24695)
    at workLoopSync (react-dom.development.js:24671)
    at performSyncWorkOnRoot (react-dom.development.js:24270)
    at scheduleUpdateOnFiber (react-dom.development.js:23698)
    at updateContainer (react-dom.development.js:27103)
    at react-dom.development.js:27528
    at unbatchedUpdates (react-dom.development.js:24433)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:27527)
    at render (react-dom.development.js:27608)
    at app.js:67
s @ index.js:1
(anonymous) @ index.js:1
Component @ react-hot-loader.development.js:827
renderWithHooks @ react-dom.development.js:16260
mountIndeterminateComponent @ react-dom.development.js:18794
beginWork$1 @ react-dom.development.js:20162
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
beginWork$$1 @ react-dom.development.js:25780
performUnitOfWork @ react-dom.development.js:24695
workLoopSync @ react-dom.development.js:24671
performSyncWorkOnRoot @ react-dom.development.js:24270
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
(anonymous) @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:2177 The above error occurred in the <Component> component:
    in Component (created by HotExportedComponent)
    in AppContainer (created by HotExportedComponent)
    in HotExportedComponent (created by PageRenderer)
    in PageRenderer (at json-store.js:93)
    in JSONStore (at root.js:51)
    in RouteHandler (at root.js:73)
    in div (created by FocusHandlerImpl)
    in FocusHandlerImpl (created by Context.Consumer)
    in FocusHandler (created by RouterImpl)
    in RouterImpl (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Router (created by EnsureResources)
    in ScrollContext (at root.js:64)
    in RouteUpdates (at root.js:63)
    in EnsureResources (at root.js:61)
    in LocationHandler (at root.js:119)
    in LocationProvider (created by Context.Consumer)
    in Location (at root.js:118)
    in Root (at root.js:126)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in styled.div
    in Unknown
    in _default (at app.js:67)

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
__stack_frame_overlay_proxy_console__ @ index.js:2177
r @ backend.js:6
logCapturedError @ react-dom.development.js:21843
logError @ react-dom.development.js:21880
callback @ react-dom.development.js:23268
callCallback @ react-dom.development.js:13829
commitUpdateEffects @ react-dom.development.js:13867
commitUpdateQueue @ react-dom.development.js:13857
commitLifeCycles @ react-dom.development.js:22135
commitLayoutEffects @ react-dom.development.js:25344
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
commitRootImpl @ react-dom.development.js:25082
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
commitRoot @ react-dom.development.js:24922
finishSyncRender @ react-dom.development.js:24329
performSyncWorkOnRoot @ react-dom.development.js:24307
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
(anonymous) @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:2177 TypeError: Cannot read property 'markdownRemark' of undefined
    at s (index.js:1)
    at index.js:1
    at Component (react-hot-loader.development.js:827)
    at renderWithHooks (react-dom.development.js:16260)
    at mountIndeterminateComponent (react-dom.development.js:18794)
    at beginWork$1 (react-dom.development.js:20162)
    at HTMLUnknownElement.callCallback (react-dom.development.js:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
    at invokeGuardedCallback (react-dom.development.js:440)
    at beginWork$$1 (react-dom.development.js:25780)
    at performUnitOfWork (react-dom.development.js:24695)
    at workLoopSync (react-dom.development.js:24671)
    at performSyncWorkOnRoot (react-dom.development.js:24270)
    at scheduleUpdateOnFiber (react-dom.development.js:23698)
    at updateContainer (react-dom.development.js:27103)
    at react-dom.development.js:27528
    at unbatchedUpdates (react-dom.development.js:24433)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:27527)
    at render (react-dom.development.js:27608)
    at app.js:67 "
    in AppContainer (created by HotExportedComponent)
    in HotExportedComponent (created by PageRenderer)
    in PageRenderer (at json-store.js:93)
    in JSONStore (at root.js:51)
    in RouteHandler (at root.js:73)
    in EnsureResources (at root.js:61)
    in LocationHandler (at root.js:119)
    in LocationProvider (created by Context.Consumer)
    in Context.Consumer (created by Location)
    in Location (at root.js:118)
    in Root (at root.js:126)"
__stack_frame_overlay_proxy_console__ @ index.js:2177
r @ backend.js:6
error @ react-hot-loader.development.js:294
componentDidCatch @ react-hot-loader.development.js:2399
callback @ react-dom.development.js:23273
callCallback @ react-dom.development.js:13829
commitUpdateEffects @ react-dom.development.js:13867
commitUpdateQueue @ react-dom.development.js:13857
commitLifeCycles @ react-dom.development.js:22135
commitLayoutEffects @ react-dom.development.js:25344
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
commitRootImpl @ react-dom.development.js:25082
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
commitRoot @ react-dom.development.js:24922
finishSyncRender @ react-dom.development.js:24329
performSyncWorkOnRoot @ react-dom.development.js:24307
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
(anonymous) @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:1 Uncaught TypeError: Cannot read property 'markdownRemark' of undefined
    at s (index.js:1)
    at index.js:1
    at Component (react-hot-loader.development.js:827)
    at renderWithHooks (react-dom.development.js:16260)
    at mountIndeterminateComponent (react-dom.development.js:18794)
    at beginWork$1 (react-dom.development.js:20162)
    at HTMLUnknownElement.callCallback (react-dom.development.js:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
    at invokeGuardedCallback (react-dom.development.js:440)
    at beginWork$$1 (react-dom.development.js:25780)
    at performUnitOfWork (react-dom.development.js:24695)
    at workLoopSync (react-dom.development.js:24671)
    at performSyncWorkOnRoot (react-dom.development.js:24270)
    at scheduleUpdateOnFiber (react-dom.development.js:23698)
    at updateContainer (react-dom.development.js:27103)
    at react-dom.development.js:27528
    at unbatchedUpdates (react-dom.development.js:24433)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:27527)
    at render (react-dom.development.js:27608)
    at app.js:67
s @ index.js:1
(anonymous) @ index.js:1
Component @ react-hot-loader.development.js:827
renderWithHooks @ react-dom.development.js:16260
mountIndeterminateComponent @ react-dom.development.js:18794
beginWork$1 @ react-dom.development.js:20162
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
beginWork$$1 @ react-dom.development.js:25780
performUnitOfWork @ react-dom.development.js:24695
workLoopSync @ react-dom.development.js:24671
performSyncWorkOnRoot @ react-dom.development.js:24270
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
(anonymous) @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:2177 The above error occurred in the <AppContainer> component:
    in AppContainer (created by HotExportedComponent)
    in HotExportedComponent (created by PageRenderer)
    in PageRenderer (at json-store.js:93)
    in JSONStore (at root.js:51)
    in RouteHandler (at root.js:73)
    in div (created by FocusHandlerImpl)
    in FocusHandlerImpl (created by Context.Consumer)
    in FocusHandler (created by RouterImpl)
    in RouterImpl (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Router (created by EnsureResources)
    in ScrollContext (at root.js:64)
    in RouteUpdates (at root.js:63)
    in EnsureResources (at root.js:61)
    in LocationHandler (at root.js:119)
    in LocationProvider (created by Context.Consumer)
    in Location (at root.js:118)
    in Root (at root.js:126)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in styled.div
    in Unknown
    in _default (at app.js:67)

React will try to recreate this component tree from scratch using the error boundary you provided, LocationProvider.
__stack_frame_overlay_proxy_console__ @ index.js:2177
r @ backend.js:6
logCapturedError @ react-dom.development.js:21843
logError @ react-dom.development.js:21880
callback @ react-dom.development.js:23268
callCallback @ react-dom.development.js:13829
commitUpdateEffects @ react-dom.development.js:13867
commitUpdateQueue @ react-dom.development.js:13855
commitLifeCycles @ react-dom.development.js:22135
commitLayoutEffects @ react-dom.development.js:25344
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
commitRootImpl @ react-dom.development.js:25082
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
commitRoot @ react-dom.development.js:24922
finishSyncRender @ react-dom.development.js:24329
performSyncWorkOnRoot @ react-dom.development.js:24307
(anonymous) @ react-dom.development.js:12199
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
flushSyncCallbackQueueImpl @ react-dom.development.js:12194
flushSyncCallbackQueue @ react-dom.development.js:12182
unbatchedUpdates @ react-dom.development.js:24439
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:1 Uncaught TypeError: Cannot read property 'markdownRemark' of undefined
    at s (index.js:1)
    at index.js:1
    at Component (react-hot-loader.development.js:827)
    at renderWithHooks (react-dom.development.js:16260)
    at mountIndeterminateComponent (react-dom.development.js:18794)
    at beginWork$1 (react-dom.development.js:20162)
    at HTMLUnknownElement.callCallback (react-dom.development.js:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
    at invokeGuardedCallback (react-dom.development.js:440)
    at beginWork$$1 (react-dom.development.js:25780)
    at performUnitOfWork (react-dom.development.js:24695)
    at workLoopSync (react-dom.development.js:24671)
    at performSyncWorkOnRoot (react-dom.development.js:24270)
    at scheduleUpdateOnFiber (react-dom.development.js:23698)
    at updateContainer (react-dom.development.js:27103)
    at react-dom.development.js:27528
    at unbatchedUpdates (react-dom.development.js:24433)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:27527)
    at render (react-dom.development.js:27608)
    at app.js:67
s @ index.js:1
(anonymous) @ index.js:1
Component @ react-hot-loader.development.js:827
renderWithHooks @ react-dom.development.js:16260
mountIndeterminateComponent @ react-dom.development.js:18794
beginWork$1 @ react-dom.development.js:20162
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
beginWork$$1 @ react-dom.development.js:25780
performUnitOfWork @ react-dom.development.js:24695
workLoopSync @ react-dom.development.js:24671
performSyncWorkOnRoot @ react-dom.development.js:24270
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
(anonymous) @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:2177 The above error occurred in the <LocationProvider> component:
    in LocationProvider (created by Context.Consumer)
    in Location (at root.js:118)
    in Root (at root.js:126)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in styled.div
    in Unknown
    in _default (at app.js:67)

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.
__stack_frame_overlay_proxy_console__ @ index.js:2177
r @ backend.js:6
logCapturedError @ react-dom.development.js:21843
logError @ react-dom.development.js:21880
update.callback @ react-dom.development.js:23232
callCallback @ react-dom.development.js:13829
commitUpdateEffects @ react-dom.development.js:13867
commitUpdateQueue @ react-dom.development.js:13855
commitLifeCycles @ react-dom.development.js:22160
commitLayoutEffects @ react-dom.development.js:25344
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
commitRootImpl @ react-dom.development.js:25082
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
commitRoot @ react-dom.development.js:24922
finishSyncRender @ react-dom.development.js:24329
performSyncWorkOnRoot @ react-dom.development.js:24307
(anonymous) @ react-dom.development.js:12199
unstable_runWithPriority @ scheduler.development.js:697
runWithPriority$2 @ react-dom.development.js:12149
flushSyncCallbackQueueImpl @ react-dom.development.js:12194
flushSyncCallbackQueue @ react-dom.development.js:12182
unbatchedUpdates @ react-dom.development.js:24439
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
(anonymous) @ app.js:67
setTimeout (async)
(anonymous) @ ready.js:32
(anonymous) @ app.js:66
Promise.then (async)
(anonymous) @ app.js:59
Promise.then (async)
(anonymous) @ app.js:23
./.cache/app.js @ app.js:16
__webpack_require__ @ bootstrap:726
fn @ bootstrap:100
0 @ ProximaNova-Regular.otf:1
__webpack_require__ @ bootstrap:726
(anonymous) @ bootstrap:793
(anonymous) @ bootstrap:793
index.js:1 Uncaught TypeError: Cannot read property 'markdownRemark' of undefined
    at s (index.js:1)
    at index.js:1
    at Component (react-hot-loader.development.js:827)
    at renderWithHooks (react-dom.development.js:16260)
    at mountIndeterminateComponent (react-dom.development.js:18794)
    at beginWork$1 (react-dom.development.js:20162)
    at HTMLUnknownElement.callCallback (react-dom.development.js:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:385)
    at invokeGuardedCallback (react-dom.development.js:440)
    at beginWork$$1 (react-dom.development.js:25780)
    at performUnitOfWork (react-dom.development.js:24695)
    at workLoopSync (react-dom.development.js:24671)
    at performSyncWorkOnRoot (react-dom.development.js:24270)
    at scheduleUpdateOnFiber (react-dom.development.js:23698)
    at updateContainer (react-dom.development.js:27103)
    at react-dom.development.js:27528
    at unbatchedUpdates (react-dom.development.js:24433)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:27527)
    at render (react-dom.development.js:27608)
    at app.js:67

$ npm ls | grep tinacms | grep -v deduped
[email protected] D:\projects\video_wall
+-- [email protected]
| +-- @tinacms/[email protected]
| `-- [email protected]
|   +-- @tinacms/[email protected]
|   +-- @tinacms/[email protected]
|   +-- @tinacms/[email protected]
|   +-- @tinacms/[email protected]
|   +-- @tinacms/[email protected]
+-- [email protected]
| +-- @tinacms/[email protected]
| +-- @tinacms/[email protected]
+-- [email protected]
+-- [email protected]
| +-- @tinacms/[email protected]
+-- [email protected]

os: win10
node: v12.13.1
npm: 6.12.1
RAM: 16GB

[Sampangpang]

If I rewrite the removed property back to markdown file directly and refresh the page, will tip these:

Component
D:/projects/video_wall/node_modules/react-hot-loader/dist/react-hot-loader.development.js:827

  824 |   see https://github.com/gaearon/react-hot-loader/issues/1311
  825 |   */
  826 | 
> 827 | var result = CurrentComponent(props, context);
  828 | 
  829 | // This is a Relay-style container constructor. We can't do the prototype-
  830 | // style wrapping for this as we do elsewhere, so just we just pass it

View compiled
renderWithHooks
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:16260

  16257 |   }
  16258 | }
  16259 | 
> 16260 | var children = Component(props, refOrContext);
  16261 | 
  16262 | if (didScheduleRenderPhaseUpdate) {
  16263 |   do {

View compiled
mountIndeterminateComponent
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:18794

  18791 |   }
  18792 | 
  18793 |   ReactCurrentOwner$3.current = workInProgress;
> 18794 |   value = renderWithHooks(null, workInProgress, Component, props, context, renderExpirationTime);
  18795 | } // React DevTools reads this flag.
  18796 | 
  18797 | 

View compiled
beginWork$1
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:20162

  20159 | switch (workInProgress.tag) {
  20160 |   case IndeterminateComponent:
  20161 |     {
> 20162 |       return mountIndeterminateComponent(current$$1, workInProgress, workInProgress.type, renderExpirationTime);
  20163 |     }
  20164 | 
  20165 |   case LazyComponent:

View compiled
HTMLUnknownElement.callCallback
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:336

  333 |     window.event = windowEvent;
  334 |   }
  335 | 
> 336 |   func.apply(context, funcArgs);
  337 |   didError = false;
  338 | } // Create a global error event handler. We use this to capture the value
  339 | // that was thrown. It's possible that this error handler will fire more

View compiled
invokeGuardedCallbackDev
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:385

  382 | // errors, it will trigger our global error handler.
  383 | 
  384 | evt.initEvent(evtType, false, false);
> 385 | fakeNode.dispatchEvent(evt);
  386 | 
  387 | if (windowEventDescriptor) {
  388 |   Object.defineProperty(window, 'event', windowEventDescriptor);

View compiled
invokeGuardedCallback
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:440

  437 | function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
  438 |   hasError = false;
  439 |   caughtError = null;
> 440 |   invokeGuardedCallbackImpl$1.apply(reporter, arguments);
  441 | }
  442 | /**
  443 |  * Same as invokeGuardedCallback, but instead of returning an error, it stores

View compiled
beginWork$$1
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:25780

  25777 | } // Run beginWork again.
  25778 | 
  25779 | 
> 25780 | invokeGuardedCallback(null, beginWork$1, null, current$$1, unitOfWork, expirationTime);
  25781 | 
  25782 | if (hasCaughtError()) {
  25783 |   var replayError = clearCaughtError(); // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.

View compiled
performUnitOfWork
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:24695

  24692 | 
  24693 | if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
  24694 |   startProfilerTimer(unitOfWork);
> 24695 |   next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
  24696 |   stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
  24697 | } else {
  24698 |   next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);

View compiled
workLoopSync
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:24671

  24668 | function workLoopSync() {
  24669 |   // Already timed out, so perform work without checking if we need to yield.
  24670 |   while (workInProgress !== null) {
> 24671 |     workInProgress = performUnitOfWork(workInProgress);
  24672 |   }
  24673 | }
  24674 | /** @noinline */

View compiled
performSyncWorkOnRoot
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:24270

  24267 | 
  24268 | do {
  24269 |   try {
> 24270 |     workLoopSync();
  24271 |     break;
  24272 |   } catch (thrownValue) {
  24273 |     handleError(root, thrownValue);

View compiled
scheduleUpdateOnFiber
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:23698

  23695 |   // root inside of batchedUpdates should be synchronous, but layout updates
  23696 |   // should be deferred until the end of the batch.
  23697 | 
> 23698 |   performSyncWorkOnRoot(root);
  23699 | } else {
  23700 |   ensureRootIsScheduled(root);
  23701 |   schedulePendingInteractions(root, expirationTime);

View compiled
updateContainer
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:27103

  27100 |   }
  27101 | 
  27102 |   enqueueUpdate(current$$1, update);
> 27103 |   scheduleWork(current$$1, expirationTime);
  27104 |   return expirationTime;
  27105 | }
  27106 | function getPublicRootInstance(container) {

View compiled
(anonymous function)
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:27528

  27525 | 
  27526 | 
  27527 |   unbatchedUpdates(function () {
> 27528 |     updateContainer(children, fiberRoot, parentComponent, callback);
  27529 |   });
  27530 | } else {
  27531 |   fiberRoot = root._internalRoot;

View compiled
unbatchedUpdates
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:24433

  24430 | executionContext |= LegacyUnbatchedContext;
  24431 | 
  24432 | try {
> 24433 |   return fn(a);
  24434 | } finally {
  24435 |   executionContext = prevExecutionContext;
  24436 | 

View compiled
legacyRenderSubtreeIntoContainer
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:27527

  27524 |   } // Initial mount should not be batched.
  27525 | 
  27526 | 
> 27527 |   unbatchedUpdates(function () {
  27528 |     updateContainer(children, fiberRoot, parentComponent, callback);
  27529 |   });
  27530 | } else {

View compiled
render
D:/projects/video_wall/node_modules/react-dom/cjs/react-dom.development.js:27608

  27605 |     }
  27606 |   }
  27607 | 
> 27608 |   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
  27609 | }
  27610 | function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
  27611 |   if (!isValidContainer(containerNode)) {

View compiled
(anonymous function)
D:/projects/video_wall/.cache/app.js:67

  64 | const preferDefault = m => (m && m.default) || m
  65 | let Root = preferDefault(require(`./root`))
  66 | domReady(() => {
> 67 |   renderer(<Root />, rootElement, () => {
  68 |     apiRunner(`onInitialClientRender`)
  69 |   })
  70 | })

[ncphillips]

Hi, you should be able to correct this by adding a parse function to your field definition:

fields: [
        {
          label: “Default Image”,
          name: “image”,
          component: “text”,
          parse(value) {
            return value || “”
          },
        },
]

We plan on making this the default behaviour

[Sampangpang]

Thank you very much. It works.
But why for sample project it doesn't need it.

[ncphillips]

Honestly, I'm not sure 🤔

Closing for now. I'll open a new issue to make this the default.