Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problema para criar o GlobalStyle

Estou tentando usar o GlobalStyle para adicionar estilização para minha SAP. Mas estou recebendo o seguinte erro:

Error: Cannot create styled-component for component: 
  body {
    color: "white";
  }

Meu código (App.js):

import React from 'react';
import createGlobalStyle from 'styled-components';
import MainContainer from './Components/MainContainer';

const GlobalStyle = createGlobalStyle`
  body {
    color: "white";
  }
`;

function App() {
  return (
    <>
      <GlobalStyle />
      <MainContainer />
    </>
  );
}

export default App;

E no index.js, estou usando o StrictMode:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root'),
);
1 resposta
solução!

Resolvido, o correto para importar era:

import { createGlobalStyle } from 'styled-components';