Repeating errors with black screens.

Issues
1

Anyone know what might be causing this being repeated in the console every time I go over a screen?
And why I see no content, just black screens ?

image.png
image.png427×646 52.5 KB

image.png
image.png1357×808 17.6 KB

2

Black background reverts to white if I comment out globals.css in _app.js

//import '../styles/globals.css'
3

Some time I see this error:
Uncaught SyntaxError: Identifier 'data' has already been declared (at studio.7aa0b8.js:1:1)
hot-dev-client.js:130

4

Hi @political_magpie, do you have some custom CSS setting the background to black?

5

The black seems to be coming from …/styles/globals.css:

@media (prefers-color-scheme: dark) {
  :root {
    ...
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;

The main issue for me though is that no content appears for:

<Component {...pageProps} /
6

Where:

// import '../styles/globals.css'
import { PlasmicRootProvider } from "@plasmicapp/react-web";
// import type { AppProps } from "next/app";

import Head from "next/head";

function MyApp({ Component, pageProps }) {
  return (
    <PlasmicRootProvider Head={Head}>
      A<Component {...pageProps} />B
    </PlasmicRootProvider>
  );
}

export default MyApp

give me:

image.png
image.png680×506 11.1 KB

7

Again the console just repeats

Eval sync styles=true eval=true

image.png
image.png384×732 59.8 KB

8

Seems this looping code above has now gone.
I deleted nodemodules .next .yarn and any other files I found so I could do a fresh yarn install.

9

So all good now.