【styled-components tutorial】ThemeProviderが使えない

Question

背景

styled-components tutorialのadvanceを勉強しはじめました。

ところが、あるエラーが発生し先に進めません。stack overflowなども調べましたが、有力な解決策が見つかりませんでした。

問題のコード

/*この上はチュートリアル（https://www.styled-components.com/docs/advanced）に沿ったもの*/

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button>Normal</Button>
        <ThemeProvider theme={theme}>
          <Button>Themed</Button>
        </ThemeProvider>
      </div>
    );
  }
}

これをexpoprtし、index.jsを以下のようにしました

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

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

エラー

React.Children.only expected to receive a single React element child.

---

一体、何が問題なのでしょうか？どのように解決できますでしょうか？回答よろしくお願いします。

Answer 1

コメントの書き方が問題でした。コメントを別の１行で書ければ問題は発生しません。