question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Client Console Errors

See original GitHub issue

To begin: I am seeing these on a GitPod instance. So, your kilometerage may vary.

layouts/Default.js
Warning: Failed prop type: Invalid prop `children` supplied to `DefaultLayout`, expected a ReactNode.
    in DefaultLayout
    in withI18nextTranslation(DefaultLayout)
    in Connect(withI18nextTranslation(DefaultLayout))
    in RouteHandler
    in Context.Provider
    in div
    in FocusHandlerImpl
    in Context.Consumer
    in FocusHandler
    in Context.Provider
    in RouterImpl
    in Context.Consumer
    in Location
    in Context.Consumer
    in Router
    in Context.Provider
    in ServerLocation
    in Context.Provider
    in I18nextProvider
    in Provider
Mysterious ShadowPortal
Warning: Expected server HTML to contain a matching <span> in <div>.
    in span (created by ShadowPortal)
    in ShadowPortal (created by Indicator)
    in Indicator (created by LoadingIndicatorEventHandler)
    in LoadingIndicatorEventHandler (created by _default)
    in ConditionalFastRefreshOverlay (created by _default)
    in _default
Found in Settings page
Warning: Expected server HTML to contain a matching <div> in <div>.
    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 Settings)
    in Settings (created by HotExportedSettings)
    in AppContainer (created by HotExportedSettings)
    in HotExportedSettings (created by PageRenderer)
    in div (created by DefaultLayout)
    in InstantSearch (created by InstantSearchRoot)
    in InstantSearchRoot (created by withI18nextTranslation(InstantSearchRoot))
    in withI18nextTranslation(InstantSearchRoot) (created by Connect(withI18nextTranslation(InstantSearchRoot)))
    in Connect(withI18nextTranslation(InstantSearchRoot)) (created by Context.Consumer)
    in Location (created by WithInstantSearch)
Refreshed page on '/learn'
Warning: Prop `aria-current` did not match. Server: "null" Client: "page"
    in a (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Link (created by GatsbyLink)
    in GatsbyLink (created by Context.Consumer)
    in Location (created by GatsbyLinkLocationWrapper)
    in GatsbyLinkLocationWrapper (created by ForwardRef)
    in ForwardRef (created by Link)
    in Link (created by UniversalNav)
    in div (created by UniversalNav)
    in nav (created by UniversalNav)
    in UniversalNav (created by Header)
    in header (created by Header)
    in Header (created by DefaultLayout)
    in div (created by DefaultLayout)
    in InstantSearch (created by InstantSearchRoot)
    in InstantSearchRoot (created by withI18nextTranslation(InstantSearchRoot))
Opening a Python Challenge
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>').
www-widgetapi.js:629 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://8000-cc38e06f-dfac-408b-b1b3-a12dc0c5e62c.ws-eu03.gitpod.io').

Quick mention: I do have my cache disabled.

Hope this is quick to resolve

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (8 by maintainers)

github_iconTop GitHub Comments

2reactions
naomi-lgbtcommented, Feb 3, 2021

So, your kilometerage may vary.

This made me lol. 🙂

1reaction
naomi-lgbtcommented, Feb 6, 2021

Any ideas why it might just be my side?

Kilometrage may vary? 😅

I’m not sure - I’ll poke around at it this weekend and see if I can repro.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why we have to talk about client-side JavaScript error logging!
In this blog post, I'm going to show you why client-side JavaScript error logging is easy to implement and that it is just...
Read more >
How to track client-side JavaScript errors - Format Express Blog
Collect JavaScript errors; Set up a WebSocket - client-side; Set up a WebSocket - server-side; Use the WebSocket to track user activity; Summary ......
Read more >
Logging Errors in Client-Side Applications - SitePoint
Perhaps the most common and obvious way to log errors and messages is the console. While it might appear a primitive solution, ...
Read more >
How to log all possible console errors occurring in Angular ...
Do you know if it is possible to create a script that can log all error appearing in a console? Here what I...
Read more >
Log Client Side JavaScript Errors - LogRocket
Logging client-side JavaScript errors reduces or completely eliminates the need for users to self-report issues. By capturing and pushing user-facing JS ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found