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

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

这里是我的代码 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>
    )
  }

我没有发现错误。 请帮我解决这个问题。