Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toggle initially checked bug #78

Open
VNadygin opened this issue Aug 9, 2018 · 2 comments
Open

Toggle initially checked bug #78

VNadygin opened this issue Aug 9, 2018 · 2 comments
Labels
bug Something isn't working metadata

Comments

@VNadygin
Copy link
Contributor

VNadygin commented Aug 9, 2018

Cannot bind data to toggle initially check. Works with a checkbox. Possible problem with metadata.

@VNadygin VNadygin added bug Something isn't working metadata labels Aug 9, 2018
@piroszhog
Copy link
Contributor

There're some bugs with Toggle. When I've been clicking it, there were 2 warnings:

Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
    in ToggleButton (created by wrappedDraggable(ToggleButton))
    in wrappedDraggable(ToggleButton) (created by connectDraggable(wrappedDraggable(ToggleButton)))
    in connectDraggable(wrappedDraggable(ToggleButton)) (created by CanvasBuilder)
    in div (created by FormItemStyled)
    in FormItemStyled (created by FormItem)
    in FormItem (created by wrappedDraggable(FormItem))
    in wrappedDraggable(FormItem) (created by connectDraggable(wrappedDraggable(FormItem)))
    in connectDraggable(wrappedDraggable(FormItem)) (created by CanvasBuilder)
    in form (created by Form)
    in Form (created by wrappedDraggable(Form))
    in wrappedDraggable(Form) (created by connectDraggable(wrappedDraggable(Form)))
    in connectDraggable(wrappedDraggable(Form)) (created by CanvasBuilder)
    in div (created by CardContentStyled)
    in CardContentStyled (created by CardContent)
    in CardContent (created by WithExternalProps(CardContent))
    in WithExternalProps(CardContent) (created by wrappedDraggable(WithExternalProps(CardContent)))
    in wrappedDraggable(WithExternalProps(CardContent)) (created by connectDraggable(wrappedDraggable(WithExternalProps(CardContent))))
    in connectDraggable(wrappedDraggable(WithExternalProps(CardContent))) (created by CanvasBuilder)
    in div (created by CardAreaMainStyled)
    in CardAreaMainStyled (created by CardAreaMain)
    in CardAreaMain (created by wrappedDraggable(CardAreaMain))
    in wrappedDraggable(CardAreaMain) (created by connectDraggable(wrappedDraggable(CardAreaMain)))
    in connectDraggable(wrappedDraggable(CardAreaMain)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by CardStyled)
    in CardStyled (created by Card)
    in Card (created by wrappedDraggable(Card))
    in wrappedDraggable(Card) (created by connectDraggable(wrappedDraggable(Card)))
    in connectDraggable(wrappedDraggable(Card)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by ContentStyled)
    in ContentStyled (created by Content)
    in Content (created by WithExternalProps(Content))
    in WithExternalProps(Content) (created by wrappedDraggable(WithExternalProps(Content)))
    in wrappedDraggable(WithExternalProps(Content)) (created by connectDraggable(wrappedDraggable(WithExternalProps(Content))))
    in connectDraggable(wrappedDraggable(WithExternalProps(Content))) (created by CanvasBuilder)
    in div (created by MainRegionStyled)
    in MainRegionStyled (created by MainRegion)
    in MainRegion (created by WithExternalProps(MainRegion))
    in WithExternalProps(MainRegion) (created by wrappedDraggable(WithExternalProps(MainRegion)))
    in wrappedDraggable(WithExternalProps(MainRegion)) (created by connectDraggable(wrappedDraggable(WithExternalProps(MainRegion))))
    in connectDraggable(wrappedDraggable(WithExternalProps(MainRegion))) (created by CanvasBuilder)
    in div (created by AppStyled)
    in AppStyled (created by App)
    in App (created by wrappedDraggable(App))
    in wrappedDraggable(App) (created by connectDraggable(wrappedDraggable(App)))
    in connectDraggable(wrappedDraggable(App)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by styled.div)
    in styled.div (created by div)
printWarning @ warning.js?1792:33
warning @ warning.js?1792:57
warnAboutUpdateOnUnmounted @ react-dom.development.js?054f:15206
scheduleWork$1 @ react-dom.development.js?054f:16227
enqueueSetState @ react-dom.development.js?054f:11300
Component.setState @ react.development.js?7641:270
_handleMouseEnter @ VM4635:42960
callCallback @ react-dom.development.js?054f:100
invokeGuardedCallbackDev @ react-dom.development.js?054f:138
invokeGuardedCallback @ react-dom.development.js?054f:187
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?054f:201
executeDispatch @ react-dom.development.js?054f:461
executeDispatchesInOrder @ react-dom.development.js?054f:483
executeDispatchesAndRelease @ react-dom.development.js?054f:581
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?054f:592
forEachAccumulated @ react-dom.development.js?054f:560
runEventsInBatch @ react-dom.development.js?054f:723
runExtractedEventsInBatch @ react-dom.development.js?054f:732
handleTopLevel @ react-dom.development.js?054f:4477
batchedUpdates$1 @ react-dom.development.js?054f:16660
batchedUpdates @ react-dom.development.js?054f:2131
dispatchEvent @ react-dom.development.js?054f:4556
checkPropTypes.js?428d:19 Warning: Failed prop type: Prop: prop type `simulateLeftOffset` is invalid; it must be a function, usually from the `prop-types` package, but received `undefined`.
    in Prop (created by BoobenValueEditor)
    in BoobenValueEditor (created by ComponentPropsEditorComponent)
    in div (created by PropsListStyled)
    in PropsListStyled (created by PropsList)
    in PropsList (created by ComponentPropsEditorComponent)
    in div (created by BlockContentBoxItemStyled)
    in BlockContentBoxItemStyled (created by BlockContentBoxItem)
    in BlockContentBoxItem (created by ComponentPropsEditorComponent)
    in div (created by BlockContentBoxAreaStyled)
    in BlockContentBoxAreaStyled (created by BlockContentBox)
    in BlockContentBox (created by autoScrollUpDown(BlockContentBox))
    in autoScrollUpDown(BlockContentBox) (created by ComponentPropsEditorComponent)
    in ComponentPropsEditorComponent (created by Connect(ComponentPropsEditorComponent))
    in Connect(ComponentPropsEditorComponent) (created by ToolPanelContent)
    in div (created by BlockContentStyled)
    in BlockContentStyled (created by BlockContent)
    in BlockContent (created by ToolPanelContent)
    in div (created by PageDrawerContentAreaStyled)
    in PageDrawerContentAreaStyled (created by PageDrawerContentArea)
    in PageDrawerContentArea (created by ToolPanelContent)
    in ToolPanelContent (created by ToolPanel)
    in div (created by PageDrawerWrapperStyled)
    in PageDrawerWrapperStyled (created by resizeable(PageDrawer))
    in div (created by PageDrawerStyled)
    in PageDrawerStyled (created by resizeable(PageDrawer))
    in resizeable(PageDrawer) (created by ToolPanel)
    in ToolPanel (created by Desktop)
    in div (created by MainRegionStyled)
    in MainRegionStyled (created by MainRegion)
    in MainRegion (created by WithExternalProps(MainRegion))
    in WithExternalProps(MainRegion) (created by Desktop)
    in Desktop (created by Connect(Desktop))
    in Connect(Desktop) (created by DesignRoute)
    in div (created by Shortcuts)
    in Shortcuts (created by DesignRoute)
    in DesignRoute (created by Connect(DesignRoute))
    in Connect(DesignRoute) (created by Route)
    in Route (created by AppRoute)
    in Switch (created by AppRoute)
    in div (created by AppStyled)
    in AppStyled (created by App)
    in App (created by AppRoute)
    in AppRoute (created by alertAreaProvider(AppRoute))
    in alertAreaProvider(AppRoute) (created by Connect(alertAreaProvider(AppRoute)))
    in Connect(alertAreaProvider(AppRoute)) (created by Route)
    in Route (created by RootRoute)
    in Switch (created by RootRoute)
    in RootRoute (created by Connect(RootRoute))
    in Connect(RootRoute) (created by Route)
    in Route
    in Switch
    in Router (created by ConnectedRouter)
    in ConnectedRouter
    in ShortcutsProvider
    in Provider
    in ThemeProvider
    in ThemeProvider (created by Theme)
    in Theme
printWarning @ checkPropTypes.js?428d:19
checkPropTypes @ checkPropTypes.js?428d:82
validatePropTypes @ react.development.js?7641:1300
createElementWithValidation @ react.development.js?7641:1388
render @ BoobenValueEditor.js?4420:724
finishClassComponent @ react-dom.development.js?054f:13194
updateClassComponent @ react-dom.development.js?054f:13156
beginWork @ react-dom.development.js?054f:13825
performUnitOfWork @ react-dom.development.js?054f:15864
workLoop @ react-dom.development.js?054f:15903
renderRoot @ react-dom.development.js?054f:15943
performWorkOnRoot @ react-dom.development.js?054f:16561
performWork @ react-dom.development.js?054f:16483
performSyncWork @ react-dom.development.js?054f:16455
requestWork @ react-dom.development.js?054f:16355
scheduleWork$1 @ react-dom.development.js?054f:16219
enqueueSetState @ react-dom.development.js?054f:11300
Component.setState @ react.development.js?7641:270
onStateChange @ connectAdvanced.js?dbb0:205
notify @ Subscription.js?c5c8:26
notifyNestedSubs @ Subscription.js?c5c8:65
onStateChange @ connectAdvanced.js?dbb0:202
notify @ Subscription.js?c5c8:26
notifyNestedSubs @ Subscription.js?c5c8:65
onStateChange @ connectAdvanced.js?dbb0:202
dispatch @ createStore.js?c6e3:173
(anonymous) @ index.js?49af:11
(anonymous) @ middleware.js?590c:13
onSelectSingleComponent @ CanvasContent.js?ea82:105
_handleClick @ CanvasContent.js?ea82:734

@piroszhog
Copy link
Contributor

piroszhog commented Aug 9, 2018

And also 3 errors after data binding to its "Initially checked" prop

Uncaught Error: buildDataValue(): schema is required to build data values
    at buildDataValue (values.js?d89b:172)
    at buildValue (values.js?d89b:532)
    at eval (values.js?d89b:600)
    at Array.forEach (<anonymous>)
    at buildInitialComponentState (values.js?d89b:589)
    at eval (helpers.js?cfe3:139)
    at Map.forEach (<anonymous>)
    at getInitialComponentsState (helpers.js?cfe3:137)
    at new CanvasBuilderComponent (CanvasBuilder.js?994f:154)
    at constructClassInstance (react-dom.development.js?054f:11448)
buildDataValue @ values.js?d89b:172
buildValue @ values.js?d89b:532
(anonymous) @ values.js?d89b:600
buildInitialComponentState @ values.js?d89b:589
(anonymous) @ helpers.js?cfe3:139
getInitialComponentsState @ helpers.js?cfe3:137
CanvasBuilder @ CanvasBuilder.js?994f:154
constructClassInstance @ react-dom.development.js?054f:11448
updateClassComponent @ react-dom.development.js?054f:13145
beginWork @ react-dom.development.js?054f:13825
performUnitOfWork @ react-dom.development.js?054f:15864
workLoop @ react-dom.development.js?054f:15903
callCallback @ react-dom.development.js?054f:100
invokeGuardedCallbackDev @ react-dom.development.js?054f:138
invokeGuardedCallback @ react-dom.development.js?054f:187
replayUnitOfWork @ react-dom.development.js?054f:15311
renderRoot @ react-dom.development.js?054f:15963
performWorkOnRoot @ react-dom.development.js?054f:16561
performWork @ react-dom.development.js?054f:16483
performSyncWork @ react-dom.development.js?054f:16455
interactiveUpdates$1 @ react-dom.development.js?054f:16720
interactiveUpdates @ react-dom.development.js?054f:2150
dispatchInteractiveEvent @ react-dom.development.js?054f:4533
react-dom.development.js?054f:14227 The above error occurred in the <CanvasBuilder> component:
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by CardStyled)
    in CardStyled (created by Card)
    in Card (created by wrappedDraggable(Card))
    in wrappedDraggable(Card) (created by connectDraggable(wrappedDraggable(Card)))
    in connectDraggable(wrappedDraggable(Card)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in div (created by ContentStyled)
    in ContentStyled (created by Content)
    in Content (created by WithExternalProps(Content))
    in WithExternalProps(Content) (created by wrappedDraggable(WithExternalProps(Content)))
    in wrappedDraggable(WithExternalProps(Content)) (created by connectDraggable(wrappedDraggable(WithExternalProps(Content))))
    in connectDraggable(wrappedDraggable(WithExternalProps(Content))) (created by CanvasBuilder)
    in div (created by MainRegionStyled)
    in MainRegionStyled (created by MainRegion)
    in MainRegion (created by WithExternalProps(MainRegion))
    in WithExternalProps(MainRegion) (created by wrappedDraggable(WithExternalProps(MainRegion)))
    in wrappedDraggable(WithExternalProps(MainRegion)) (created by connectDraggable(wrappedDraggable(WithExternalProps(MainRegion))))
    in connectDraggable(wrappedDraggable(WithExternalProps(MainRegion))) (created by CanvasBuilder)
    in div (created by AppStyled)
    in AppStyled (created by App)
    in App (created by wrappedDraggable(App))
    in wrappedDraggable(App) (created by connectDraggable(wrappedDraggable(App)))
    in connectDraggable(wrappedDraggable(App)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in div (created by styled.div)
    in styled.div (created by div)
    in div (created by wrappedDraggable(div))
    in wrappedDraggable(div) (created by connectDraggable(wrappedDraggable(div)))
    in connectDraggable(wrappedDraggable(div)) (created by CanvasBuilder)
    in CanvasBuilder (created by alertsCreator(CanvasBuilder))
    in alertsCreator(CanvasBuilder) (created by Connect(alertsCreator(CanvasBuilder)))
    in Connect(alertsCreator(CanvasBuilder)) (created by CanvasContent)
    in CanvasContent (created by Connect(CanvasContent))
    in Connect(CanvasContent)
    in DocumentContext
    in Provider
    in ApolloProvider

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.
logCapturedError @ react-dom.development.js?054f:14227
logError @ react-dom.development.js?054f:14266
update.callback @ react-dom.development.js?054f:14919
callCallback @ react-dom.development.js?054f:10879
commitUpdateQueue @ react-dom.development.js?054f:10923
commitLifeCycles @ react-dom.development.js?054f:14397
commitAllLifeCycles @ react-dom.development.js?054f:15463
callCallback @ react-dom.development.js?054f:100
invokeGuardedCallbackDev @ react-dom.development.js?054f:138
invokeGuardedCallback @ react-dom.development.js?054f:187
commitRoot @ react-dom.development.js?054f:15604
completeRoot @ react-dom.development.js?054f:16619
performWorkOnRoot @ react-dom.development.js?054f:16564
performWork @ react-dom.development.js?054f:16483
performSyncWork @ react-dom.development.js?054f:16455
interactiveUpdates$1 @ react-dom.development.js?054f:16720
interactiveUpdates @ react-dom.development.js?054f:2150
dispatchInteractiveEvent @ react-dom.development.js?054f:4533
react-dom.development.js?054f:16544 Uncaught Error: buildDataValue(): schema is required to build data values
    at buildDataValue (values.js?d89b:172)
    at buildValue (values.js?d89b:532)
    at eval (values.js?d89b:600)
    at Array.forEach (<anonymous>)
    at buildInitialComponentState (values.js?d89b:589)
    at eval (helpers.js?cfe3:139)
    at Map.forEach (<anonymous>)
    at getInitialComponentsState (helpers.js?cfe3:137)
    at new CanvasBuilderComponent (CanvasBuilder.js?994f:154)
    at constructClassInstance (react-dom.development.js?054f:11448)
buildDataValue @ values.js?d89b:172
buildValue @ values.js?d89b:532
(anonymous) @ values.js?d89b:600
buildInitialComponentState @ values.js?d89b:589
(anonymous) @ helpers.js?cfe3:139
getInitialComponentsState @ helpers.js?cfe3:137
CanvasBuilder @ CanvasBuilder.js?994f:154
constructClassInstance @ react-dom.development.js?054f:11448
updateClassComponent @ react-dom.development.js?054f:13145
beginWork @ react-dom.development.js?054f:13825
performUnitOfWork @ react-dom.development.js?054f:15864
workLoop @ react-dom.development.js?054f:15903
renderRoot @ react-dom.development.js?054f:15943
performWorkOnRoot @ react-dom.development.js?054f:16561
performWork @ react-dom.development.js?054f:16483
performSyncWork @ react-dom.development.js?054f:16455
interactiveUpdates$1 @ react-dom.development.js?054f:16720
interactiveUpdates @ react-dom.development.js?054f:2150
dispatchInteractiveEvent @ react-dom.development.js?054f:4533

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working metadata
Projects
None yet
Development

No branches or pull requests

2 participants