将react从15.4.1更新到16.8.6时Radium出现问题

npm install radium@latest

import React from 'react';
import Radium from 'radium';

class MyComponent extends React.Component {
  render() {
    return (
      <Radium.StyleRoot>
        <div style={styles.base}>
          Hello, Radium!
        </div>
      </Radium.StyleRoot>
    );
  }
}

const styles = {
  base: {
    color: '#333',
    ':hover': {
      color: '#666'
    }
  }
};

export default Radium(MyComponent);

import React, { useState } from 'react';
import Radium from 'radium';

const MyComponent = () => {
  const [hover, setHover] = useState(false);

  const styles = {
    base: {
      color: hover ? '#666' : '#333',
      ':hover': {
        color: '#666'
      }
    }
  };

  return (
    <Radium.StyleRoot>
      <div style={styles.base} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>
        Hello, Radium!
      </div>
    </Radium.StyleRoot>
  );
};

export default Radium(MyComponent);