reactjs - 错误：要使用需要 `addCSS` 的插件（例如关键帧、媒体查询），请将您的应用程序包装在 StyleRoot 中

Question

在这里，我的代码 app.js 将整个 jsx 包装到 StyleRoot。我不知道问题出在哪里。

import React, {Component} from 'react';
import Radium, { StyleRoot } from 'radium';


render(){
    const style = {
      backgroundColor: 'green',
      border: 'none',
      boxShadow: '2px 2px 3px #ccc',
      padding: '10px',
      color: 'white',
      fontSize: '14px',
      cursor: 'pointer',
      ':hover': {
        backgroundColor: 'lightgreen'
      },
      '@media (max-width: 600px)' : {
        borderRadius : '15px',
      },
    }

    return(
      <StyleRoot>
        <div className="App">
          <h1>Hey there</h1>
          <p>working cool</p>
          <button style={style} onClick={this.showPersonHandler}>Show Persons</button>
        </div>
      </StyleRoot>
    )
  }

我没有发现错误。请帮助我。