diff --git a/components/ReadNext.jsx b/components/ReadNext.jsx
index 5eac26a..06f402b 100644
--- a/components/ReadNext.jsx
+++ b/components/ReadNext.jsx
@@ -3,8 +3,8 @@ import { Link } from 'react-router';
 import { prune, include as includes } from 'underscore.string';
 import find from 'lodash/collection/find';
 
-module.exports = React.createClass({
-  render: function() {
+export default class extends React.Component {
+  render() {
     var body, fontSizeToMS, html, nextPost, readNext, ref, rhythm;
     ref = this.props.typography, rhythm = ref.rhythm, fontSizeToMS = ref.fontSizeToMS;
     readNext = this.props.post.readNext;
@@ -53,4 +53,4 @@ module.exports = React.createClass({
       );
     }
   }
-});
+}
\ No newline at end of file