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'),
);