在样式组件中使用全局 styles 时遇到问题

Question

I'm trying to use the GlobalStyle to set-up some configurations for my SAP. But i'm getting the following error:

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

My code (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;

And in index.js, i'm using StrictMode:

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

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root'),
);

Answer 1

Solved, the error was in the import of createGlobalStyle, the correct line is:

import { createGlobalStyle } from 'styled-components';