[APM] KibanaLinkComponent breaks Integration links (Watcher and ML) #24636

formgeist · 2018-10-26T09:30:17Z

Kibana version: master

Looks like the KibanaLinkComponent is breaking links in our Integrations for ML and Watcher. Attempting to either create an ML job or new watch results in this;

Print of the console

fatal_errors_service.tsx:36 Error: Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)". (http://localhost:5601/muw/bundles/commons.bundle.js:31432)
    at window.onerror (notify.js:156)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:142)
    at invokeGuardedCallback (react-dom.development.js:191)
    at replayUnitOfWork (react-dom.development.js:11302)
    at renderRoot (react-dom.development.js:11869)
    at performWorkOnRoot (react-dom.development.js:12422)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
    at scheduleWorkImpl (react-dom.development.js:12095)
    at scheduleWork (react-dom.development.js:12055)
    at Object.enqueueSetState (react-dom.development.js:6632)
    at GlobalToastList.Component.setState (react.development.js:242)
    at SafeSubscriber._next (global_toast_list.tsx:34)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:205)
    at SafeSubscriber.next (Subscriber.js:143)
FatalErrorsService.add @ fatal_errors_service.tsx:36
browser.js:47 Uncaught Error: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)".
    at invariant (browser.js:40)
    at new Connect (connectAdvanced.js:134)
    at constructClassInstance (react-dom.development.js:6789)
    at updateClassComponent (react-dom.development.js:8324)
    at beginWork (react-dom.development.js:8966)
    at performUnitOfWork (react-dom.development.js:11798)
    at workLoop (react-dom.development.js:11827)
    at HTMLUnknownElement.callCallback (react-dom.development.js:104)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:142)
    at invokeGuardedCallback (react-dom.development.js:191)
    at replayUnitOfWork (react-dom.development.js:11302)
    at renderRoot (react-dom.development.js:11869)
    at performWorkOnRoot (react-dom.development.js:12422)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
fatal_errors_service.tsx:38 Uncaught Error: Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)". (http://localhost:5601/muw/bundles/commons.bundle.js:31432)
    at window.onerror (notify.js:156)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:142)
    at invokeGuardedCallback (react-dom.development.js:191)
    at replayUnitOfWork (react-dom.development.js:11302)
    at renderRoot (react-dom.development.js:11869)
    at performWorkOnRoot (react-dom.development.js:12422)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
    at scheduleWorkImpl (react-dom.development.js:12095)
    at scheduleWork (react-dom.development.js:12055)
    at Object.enqueueSetState (react-dom.development.js:6632)
    at GlobalToastList.Component.setState (react.development.js:242)
    at SafeSubscriber._next (global_toast_list.tsx:34)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:205)
    at SafeSubscriber.next (Subscriber.js:143)
fatal_errors_service.tsx:36 Error: Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. (http://localhost:5601/muw/bundles/vendors.bundle.js:219313)
    at window.onerror (notify.js:156)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:142)
    at invokeGuardedCallback (react-dom.development.js:191)
    at commitRoot (react-dom.development.js:11543)
    at completeRoot (react-dom.development.js:12475)
    at performWorkOnRoot (react-dom.development.js:12425)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
    at scheduleWorkImpl (react-dom.development.js:12095)
    at scheduleWork (react-dom.development.js:12055)
    at Object.enqueueSetState (react-dom.development.js:6632)
    at GlobalToastList.Component.setState (react.development.js:242)
    at SafeSubscriber._next (global_toast_list.tsx:34)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:205)
    at SafeSubscriber.next (Subscriber.js:143)
FatalErrorsService.add @ fatal_errors_service.tsx:36
react-dom.development.js:16285 Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at removeChildFromContainer (http://localhost:5601/muw/bundles/vendors.bundle.js:219313:19)
    at unmountHostComponents (http://localhost:5601/muw/bundles/vendors.bundle.js:213295:11)
    at commitDeletion (http://localhost:5601/muw/bundles/vendors.bundle.js:213341:5)
    at commitAllHostEffects (http://localhost:5601/muw/bundles/vendors.bundle.js:214425:13)
    at HTMLUnknownElement.callCallback (http://localhost:5601/muw/bundles/vendors.bundle.js:203132:14)
    at Object.invokeGuardedCallbackDev (http://localhost:5601/muw/bundles/vendors.bundle.js:203170:16)
    at invokeGuardedCallback (http://localhost:5601/muw/bundles/vendors.bundle.js:203219:29)
    at commitRoot (http://localhost:5601/muw/bundles/vendors.bundle.js:214571:9)
    at completeRoot (http://localhost:5601/muw/bundles/vendors.bundle.js:215503:36)
    at performWorkOnRoot (http://localhost:5601/muw/bundles/vendors.bundle.js:215453:11)
    at performWork (http://localhost:5601/muw/bundles/vendors.bundle.js:215371:9)
    at performSyncWork (http://localhost:5601/muw/bundles/vendors.bundle.js:215348:5)
    at requestWork (http://localhost:5601/muw/bundles/vendors.bundle.js:215248:7)
    at scheduleWorkImpl (http://localhost:5601/muw/bundles/vendors.bundle.js:215123:13)
    at scheduleWork (http://localhost:5601/muw/bundles/vendors.bundle.js:215083:12)
    at Object.enqueueSetState (http://localhost:5601/muw/bundles/vendors.bundle.js:209660:7)
fatal_errors_service.tsx:38 Uncaught Error: Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. (http://localhost:5601/muw/bundles/vendors.bundle.js:219313)
    at window.onerror (notify.js:156)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:142)
    at invokeGuardedCallback (react-dom.development.js:191)
    at commitRoot (react-dom.development.js:11543)
    at completeRoot (react-dom.development.js:12475)
    at performWorkOnRoot (react-dom.development.js:12425)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
    at scheduleWorkImpl (react-dom.development.js:12095)
    at scheduleWork (react-dom.development.js:12055)
    at Object.enqueueSetState (react-dom.development.js:6632)
    at GlobalToastList.Component.setState (react.development.js:242)
    at SafeSubscriber._next (global_toast_list.tsx:34)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:205)
    at SafeSubscriber.next (Subscriber.js:143)
react-dom.development.js:9627 The above error occurred in the <Connect(KibanaLinkComponent)> component:
    in Connect(KibanaLinkComponent)
    in p
    in div (created by EuiText)
    in EuiText (created by EuiToast)
    in div (created by EuiToast)
    in EuiToast (created by EuiGlobalToastList)
    in EuiGlobalToastListItem (created by EuiGlobalToastList)
    in div (created by EuiGlobalToastList)
    in EuiGlobalToastList (created by GlobalToastList)
    in GlobalToastList

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:9627
react-dom.development.js:9627 The above error occurred in the <GlobalToastList> component:
    in GlobalToastList

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:9627
fatal_errors_service.tsx:36 Error: Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)". (http://localhost:5601/muw/bundles/vendors.bundle.js:124010)
    at window.onerror (notify.js:156)
FatalErrorsService.add @ fatal_errors_service.tsx:36
hostReportError.js:4 Uncaught Error: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)".
    at invariant (browser.js:40)
    at new Connect (connectAdvanced.js:134)
    at constructClassInstance (react-dom.development.js:6789)
    at updateClassComponent (react-dom.development.js:8324)
    at beginWork (react-dom.development.js:8966)
    at performUnitOfWork (react-dom.development.js:11798)
    at workLoop (react-dom.development.js:11827)
    at renderRoot (react-dom.development.js:11858)
    at performWorkOnRoot (react-dom.development.js:12422)
    at performWork (react-dom.development.js:12343)
    at performSyncWork (react-dom.development.js:12320)
    at requestWork (react-dom.development.js:12220)
    at scheduleWorkImpl (react-dom.development.js:12095)
    at scheduleWork (react-dom.development.js:12055)
    at Object.enqueueSetState (react-dom.development.js:6632)
    at GlobalToastList.Component.setState (react.development.js:242)
fatal_errors_service.tsx:38 Uncaught Error: Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(KibanaLinkComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(KibanaLinkComponent)". (http://localhost:5601/muw/bundles/vendors.bundle.js:124010)
    at window.onerror (notify.js:156)

The text was updated successfully, but these errors were encountered:

elasticmachine · 2018-10-26T09:30:19Z

Pinging @elastic/apm-ui

sorenlouv · 2018-10-26T09:32:27Z

This seems to happen because KibanaLinkComponent expects Redux store to be available on context. Since the link is inside a global toast that lives outside APM context is not available.

formgeist added bug Fixes for quality problems that affect the customer experience Team:APM - DEPRECATED Use Team:obs-ux-infra_services. v6.5.0 labels Oct 26, 2018

formgeist assigned jasonrhodes and sorenlouv Oct 26, 2018

formgeist mentioned this issue Oct 26, 2018

[APM] ML integration will not work on Basic license #24486

Closed

formgeist added the [zube]: Impl Ready label Oct 26, 2018

jasonrhodes added [zube]: In Progress and removed [zube]: Impl Ready labels Oct 27, 2018

jasonrhodes assigned jasonrhodes and unassigned jasonrhodes and sorenlouv Oct 27, 2018

jasonrhodes mentioned this issue Oct 27, 2018

Fixes rare cases where KibanaLink is loaded outside of React context #24705

Merged

jasonrhodes added [zube]: In Review and removed [zube]: In Progress labels Oct 28, 2018

jasonrhodes closed this as completed in #24705 Oct 29, 2018

zube bot added [zube]: Done and removed [zube]: In Review labels Oct 29, 2018

alvarolobato removed the [zube]: Done label Nov 7, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[APM] KibanaLinkComponent breaks Integration links (Watcher and ML) #24636

[APM] KibanaLinkComponent breaks Integration links (Watcher and ML) #24636

formgeist commented Oct 26, 2018

elasticmachine commented Oct 26, 2018

sorenlouv commented Oct 26, 2018

[APM] KibanaLinkComponent breaks Integration links (Watcher and ML) #24636

[APM] KibanaLinkComponent breaks Integration links (Watcher and ML) #24636

Comments

formgeist commented Oct 26, 2018

elasticmachine commented Oct 26, 2018

sorenlouv commented Oct 26, 2018