Black Lives Matter. Please consider donating to Black Girls Code today.

Dash Render Error with Dash Bootstrap Components

I created a multipage mini-dashboard. Upon rendering it, it seems to show what I’ve inputted, however in the console I get the following error:

Warning: Received false for a non-boolean attribute target.

If you want to write it to the DOM, pass a string instead: target=“false” or target={value.toString()}.

If you used to conditionally omit it with target={condition && value}, pass target={condition ? value : undefined} instead.
in a (created by t)
in t (created by t)
in t (created by t)
in t (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by TreeContainer)
in div (created by t)
in t (created by t)
in li (created by t)
in t (created by t)
in t (created by t)
in t (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by TreeContainer)
in ul (created by ll)
in ll (created by fl)
in fl (created by t)
in div (created by r)
in r (created by t)
in t (created by t)
in div (created by Xr)
in Xr (created by t)
in nav (created by hl)
in hl (created by t)
in t (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by TreeContainer)
in div (created by u)
in u (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by TreeContainer)
in div (created by u)
in u (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by TreeContainer)
in div (created by u)
in u (created by CheckedComponent)
in CheckedComponent (created by TreeContainer)
in UnconnectedComponentErrorBoundary (created by Connect(UnconnectedComponentErrorBoundary))
in Connect(UnconnectedComponentErrorBoundary) (created by TreeContainer)
in TreeContainer (created by Connect(TreeContainer))
in Connect(TreeContainer) (created by UnconnectedContainer)
in div (created by UnconnectedGlobalErrorContainer)
in div (created by GlobalErrorOverlay)
in div (created by GlobalErrorOverlay)
in GlobalErrorOverlay (created by DebugMenu)
in div (created by DebugMenu)
in DebugMenu (created by UnconnectedGlobalErrorContainer)
in div (created by UnconnectedGlobalErrorContainer)
in UnconnectedGlobalErrorContainer (created by Connect(UnconnectedGlobalErrorContainer))
in Connect(UnconnectedGlobalErrorContainer) (created by UnconnectedContainer)
in UnconnectedContainer (created by Connect(UnconnectedContainer))
in Connect(UnconnectedContainer) (created by UnconnectedAppContainer)
in UnconnectedAppContainer (created by Connect(UnconnectedAppContainer))
in Connect(UnconnectedAppContainer) (created by AppProvider)
in Provider (created by AppProvider)
in AppProvider
warningWithoutStack @ react-dom@16.v1_2_2m1583165791.8.6.js:500
warning @ react-dom@16.v1_2_2m1583165791.8.6.js:2626
validateProperty$1 @ react-dom@16.v1_2_2m1583165791.8.6.js:7431
warnUnknownProperties @ react-dom@16.v1_2_2m1583165791.8.6.js:7463
validateProperties$2 @ react-dom@16.v1_2_2m1583165791.8.6.js:7483
validatePropertiesInDevelopment @ react-dom@16.v1_2_2m1583165791.8.6.js:7534
setInitialProperties @ react-dom@16.v1_2_2m1583165791.8.6.js:7794
finalizeInitialChildren @ react-dom@16.v1_2_2m1583165791.8.6.js:8877
completeWork @ react-dom@16.v1_2_2m1583165791.8.6.js:17042
completeUnitOfWork @ react-dom@16.v1_2_2m1583165791.8.6.js:19277
performUnitOfWork @ react-dom@16.v1_2_2m1583165791.8.6.js:19475
workLoop @ react-dom@16.v1_2_2m1583165791.8.6.js:19487
renderRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:19570
performWorkOnRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:20477
performWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20389
performSyncWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20363
requestWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20232
scheduleWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20046
enqueueSetState @ react-dom@16.v1_2_2m1583165791.8.6.js:11304
Component.setState @ react@16.v1_2_2m1583165791.8.6.js:423
handleChange @ dash_renderer.v1_2_2m1583165791.dev.js:27095
dispatch @ dash_renderer.v1_2_2m1583165791.dev.js:28095
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:27584
dispatch @ dash_renderer.v1_2_2m1583165791.dev.js:27642
doUpdateProps @ dash_renderer.v1_2_2m1583165791.dev.js:30821
handleResponse @ dash_renderer.v1_2_2m1583165791.dev.js:31042
handleJson @ dash_renderer.v1_2_2m1583165791.dev.js:31162
Promise.then (async)
handleResponse @ dash_renderer.v1_2_2m1583165791.dev.js:31006
Promise.then (async)
updateOutput @ dash_renderer.v1_2_2m1583165791.dev.js:30962
_callee$ @ dash_renderer.v1_2_2m1583165791.dev.js:30679
tryCatch @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
invoke @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
t. @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
tryCatch @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
invoke @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
(anonymous) @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
Promise.then (async)
invoke @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
(anonymous) @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
callInvokeWithMethodAndArg @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
enqueue @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
t. @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
o.async @ polyfill@7.v1_2_2m1583165791.7.0.min.js:1
_callee @ dash_renderer.v1_2_2m1583165791.dev.js:30500
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:27581
setProps @ dash_renderer.v1_2_2m1583165791.dev.js:29966
value @ Location.react.js:69
value @ Location.react.js:106
commitLifeCycles @ react-dom@16.v1_2_2m1583165791.8.6.js:17469
commitAllLifeCycles @ react-dom@16.v1_2_2m1583165791.8.6.js:18871
callCallback @ react-dom@16.v1_2_2m1583165791.8.6.js:143
invokeGuardedCallbackDev @ react-dom@16.v1_2_2m1583165791.8.6.js:193
invokeGuardedCallback @ react-dom@16.v1_2_2m1583165791.8.6.js:250
commitRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:19083
(anonymous) @ react-dom@16.v1_2_2m1583165791.8.6.js:20553
unstable_runWithPriority @ react@16.v1_2_2m1583165791.8.6.js:735
completeRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:20552
performWorkOnRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:20481
performWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20389
performSyncWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20363
requestWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20232
scheduleWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20046
enqueueSetState @ react-dom@16.v1_2_2m1583165791.8.6.js:11304
Component.setState @ react@16.v1_2_2m1583165791.8.6.js:423
handleChange @ dash_renderer.v1_2_2m1583165791.dev.js:27095
dispatch @ dash_renderer.v1_2_2m1583165791.dev.js:28095
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:27584
dispatch @ dash_renderer.v1_2_2m1583165791.dev.js:27642
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:30206
Promise.then (async)
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:30205
Promise.then (async)
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:30201
(anonymous) @ dash_renderer.v1_2_2m1583165791.dev.js:27581
initialization @ dash_renderer.v1_2_2m1583165791.dev.js:29502
componentDidMount @ dash_renderer.v1_2_2m1583165791.dev.js:29469
commitLifeCycles @ react-dom@16.v1_2_2m1583165791.8.6.js:17469
commitAllLifeCycles @ react-dom@16.v1_2_2m1583165791.8.6.js:18871
callCallback @ react-dom@16.v1_2_2m1583165791.8.6.js:143
invokeGuardedCallbackDev @ react-dom@16.v1_2_2m1583165791.8.6.js:193
invokeGuardedCallback @ react-dom@16.v1_2_2m1583165791.8.6.js:250
commitRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:19083
(anonymous) @ react-dom@16.v1_2_2m1583165791.8.6.js:20553
unstable_runWithPriority @ react@16.v1_2_2m1583165791.8.6.js:735
completeRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:20552
performWorkOnRoot @ react-dom@16.v1_2_2m1583165791.8.6.js:20481
performWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20389
performSyncWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20363
requestWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20232
scheduleWork @ react-dom@16.v1_2_2m1583165791.8.6.js:20046
scheduleRootUpdate @ react-dom@16.v1_2_2m1583165791.8.6.js:20707
updateContainerAtExpirationTime @ react-dom@16.v1_2_2m1583165791.8.6.js:20735
updateContainer @ react-dom@16.v1_2_2m1583165791.8.6.js:20792
ReactRoot.render @ react-dom@16.v1_2_2m1583165791.8.6.js:21088
(anonymous) @ react-dom@16.v1_2_2m1583165791.8.6.js:21225
unbatchedUpdates @ react-dom@16.v1_2_2m1583165791.8.6.js:20594
legacyRenderSubtreeIntoContainer @ react-dom@16.v1_2_2m1583165791.8.6.js:21221
render @ react-dom@16.v1_2_2m1583165791.8.6.js:21290
DashRenderer @ dash_renderer.v1_2_2m1583165791.dev.js:29800
(anonymous) @ (index):30
Show 32 more frames

I’m not sure whats going on here, or why it might be showing up, any ideas?

Hey, I had the same problem for a long time;

I managed to fix it by upgrading dash-bootstrap-components to 0.9.1 (was on 0.8.2);
I’m running Dash 1.9.1