From e27c99baa28e678703f730438b2259c1d32bdf05 Mon Sep 17 00:00:00 2001
From: Jennifer Taylor <dragonminded@dragonminded.com>
Date: Sat, 8 Oct 2022 18:37:38 +0000
Subject: [PATCH] Remove deprecated usage of "React.createClass" in preparation
 for updating to React 16.

---
 .../frontend/static/components/add.react.js   |  2 +-
 .../static/components/button.react.js         |  2 +-
 .../frontend/static/components/card.react.js  |  2 +-
 .../frontend/static/components/chart.react.js |  6 ++---
 .../static/components/checkbox.react.js       |  2 +-
 .../static/components/delete.react.js         |  2 +-
 .../frontend/static/components/edit.react.js  |  2 +-
 .../static/components/events.react.js         | 24 +++++++++----------
 .../static/components/gamesettings.react.js   |  2 +-
 .../components/labelledsection.react.js       |  2 +-
 .../static/components/longmessage.react.js    |  2 +-
 .../frontend/static/components/nav.react.js   |  2 +-
 .../frontend/static/components/next.react.js  |  2 +-
 .../frontend/static/components/prev.react.js  |  2 +-
 .../frontend/static/components/rival.react.js |  2 +-
 .../static/components/selectarcade.react.js   |  2 +-
 .../static/components/selectint.react.js      |  2 +-
 .../static/components/selectuser.react.js     |  2 +-
 .../static/components/slider.react.js         |  2 +-
 .../frontend/static/components/table.react.js |  2 +-
 .../static/components/timestamp.react.js      |  2 +-
 .../frontend/static/components/tip.react.js   |  2 +-
 .../controllers/account/account.react.js      |  2 +-
 .../static/controllers/account/cards.react.js |  2 +-
 .../static/controllers/admin/api.react.js     |  2 +-
 .../static/controllers/admin/arcades.react.js |  2 +-
 .../static/controllers/admin/cards.react.js   |  2 +-
 .../static/controllers/admin/events.react.js  |  2 +-
 .../controllers/admin/gamesettings.react.js   |  2 +-
 .../controllers/admin/machines.react.js       |  2 +-
 .../static/controllers/admin/news.react.js    |  2 +-
 .../static/controllers/admin/user.react.js    |  2 +-
 .../static/controllers/admin/users.react.js   |  2 +-
 .../static/controllers/arcade/arcade.react.js |  2 +-
 .../controllers/bishi/allplayers.react.js     |  2 +-
 .../static/controllers/bishi/player.react.js  |  2 +-
 .../controllers/bishi/settings.react.js       |  2 +-
 .../controllers/ddr/allplayers.react.js       |  2 +-
 .../static/controllers/ddr/player.react.js    |  2 +-
 .../static/controllers/ddr/records.react.js   |  4 ++--
 .../static/controllers/ddr/rivals.react.js    |  2 +-
 .../static/controllers/ddr/scores.react.js    |  2 +-
 .../static/controllers/ddr/settings.react.js  |  2 +-
 .../static/controllers/ddr/topscores.react.js |  2 +-
 .../frontend/static/controllers/home.react.js |  2 +-
 .../controllers/iidx/allplayers.react.js      |  2 +-
 .../static/controllers/iidx/player.react.js   |  2 +-
 .../static/controllers/iidx/records.react.js  |  4 ++--
 .../static/controllers/iidx/rivals.react.js   |  2 +-
 .../static/controllers/iidx/scores.react.js   |  2 +-
 .../static/controllers/iidx/settings.react.js |  2 +-
 .../controllers/iidx/topscores.react.js       |  2 +-
 .../controllers/jubeat/allplayers.react.js    |  2 +-
 .../controllers/jubeat/jubility.react.js      |  2 +-
 .../static/controllers/jubeat/player.react.js |  2 +-
 .../controllers/jubeat/records.react.js       |  4 ++--
 .../static/controllers/jubeat/rivals.react.js |  2 +-
 .../static/controllers/jubeat/scores.react.js |  2 +-
 .../controllers/jubeat/settings.react.js      |  2 +-
 .../controllers/jubeat/topscores.react.js     |  2 +-
 .../controllers/mga/allplayers.react.js       |  2 +-
 .../static/controllers/mga/player.react.js    |  2 +-
 .../static/controllers/mga/settings.react.js  |  2 +-
 .../controllers/museca/allplayers.react.js    |  2 +-
 .../static/controllers/museca/player.react.js |  2 +-
 .../controllers/museca/records.react.js       |  4 ++--
 .../static/controllers/museca/scores.react.js |  2 +-
 .../controllers/museca/settings.react.js      |  2 +-
 .../controllers/museca/topscores.react.js     |  2 +-
 .../controllers/popn/allplayers.react.js      |  2 +-
 .../static/controllers/popn/player.react.js   |  2 +-
 .../static/controllers/popn/records.react.js  |  4 ++--
 .../static/controllers/popn/rivals.react.js   |  2 +-
 .../static/controllers/popn/scores.react.js   |  2 +-
 .../static/controllers/popn/settings.react.js |  2 +-
 .../controllers/popn/topscores.react.js       |  2 +-
 .../controllers/reflec/allplayers.react.js    |  2 +-
 .../static/controllers/reflec/player.react.js |  2 +-
 .../controllers/reflec/records.react.js       |  4 ++--
 .../static/controllers/reflec/rivals.react.js |  2 +-
 .../static/controllers/reflec/scores.react.js |  2 +-
 .../controllers/reflec/settings.react.js      |  2 +-
 .../controllers/reflec/topscores.react.js     |  2 +-
 .../controllers/sdvx/allplayers.react.js      |  2 +-
 .../static/controllers/sdvx/player.react.js   |  2 +-
 .../static/controllers/sdvx/records.react.js  |  4 ++--
 .../static/controllers/sdvx/rivals.react.js   |  2 +-
 .../static/controllers/sdvx/scores.react.js   |  2 +-
 .../static/controllers/sdvx/settings.react.js |  2 +-
 .../controllers/sdvx/topscores.react.js       |  2 +-
 .../frontend/static/create-react-class.min.js |  1 +
 bemani/frontend/templates/base.html           |  1 +
 92 files changed, 112 insertions(+), 110 deletions(-)
 create mode 100644 bemani/frontend/static/create-react-class.min.js

diff --git a/bemani/frontend/static/components/add.react.js b/bemani/frontend/static/components/add.react.js
index 6134501..d69230c 100644
--- a/bemani/frontend/static/components/add.react.js
+++ b/bemani/frontend/static/components/add.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Add = React.createClass({
+var Add = createReactClass({
     render: function() {
         return (
             <Button
diff --git a/bemani/frontend/static/components/button.react.js b/bemani/frontend/static/components/button.react.js
index a21a8ed..25f3701 100644
--- a/bemani/frontend/static/components/button.react.js
+++ b/bemani/frontend/static/components/button.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Button = React.createClass({
+var Button = createReactClass({
     render: function() {
         return (
             <button
diff --git a/bemani/frontend/static/components/card.react.js b/bemani/frontend/static/components/card.react.js
index 88f21b9..a9dc0f4 100644
--- a/bemani/frontend/static/components/card.react.js
+++ b/bemani/frontend/static/components/card.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Card = React.createClass({
+var Card = createReactClass({
     render: function() {
         return (
             <div className="card">{
diff --git a/bemani/frontend/static/components/chart.react.js b/bemani/frontend/static/components/chart.react.js
index 332fa5d..d016d3e 100644
--- a/bemani/frontend/static/components/chart.react.js
+++ b/bemani/frontend/static/components/chart.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Graph = React.createClass({
+var Graph = createReactClass({
     componentDidMount: function() {
         var config = {
             type: this.props.type,
@@ -44,7 +44,7 @@ var Graph = React.createClass({
 
 });
 
-var LineGraph = React.createClass({
+var LineGraph = createReactClass({
 
     render: function() {
         return (
@@ -59,7 +59,7 @@ var LineGraph = React.createClass({
     },
 });
 
-var RadarGraph = React.createClass({
+var RadarGraph = createReactClass({
 
     render: function() {
         return (
diff --git a/bemani/frontend/static/components/checkbox.react.js b/bemani/frontend/static/components/checkbox.react.js
index df74319..3770c4b 100644
--- a/bemani/frontend/static/components/checkbox.react.js
+++ b/bemani/frontend/static/components/checkbox.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Checkbox = React.createClass({
+var Checkbox = createReactClass({
     render: function() {
         return (
             <span className={this.props.className} onClick={this.props.onClick}>
diff --git a/bemani/frontend/static/components/delete.react.js b/bemani/frontend/static/components/delete.react.js
index 1c2ed09..c535765 100644
--- a/bemani/frontend/static/components/delete.react.js
+++ b/bemani/frontend/static/components/delete.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Delete = React.createClass({
+var Delete = createReactClass({
     render: function() {
         return (
             <Button
diff --git a/bemani/frontend/static/components/edit.react.js b/bemani/frontend/static/components/edit.react.js
index f115a1b..8ddc65e 100644
--- a/bemani/frontend/static/components/edit.react.js
+++ b/bemani/frontend/static/components/edit.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Edit = React.createClass({
+var Edit = createReactClass({
     render: function() {
         return (
             <Button
diff --git a/bemani/frontend/static/components/events.react.js b/bemani/frontend/static/components/events.react.js
index 086f295..db7158b 100644
--- a/bemani/frontend/static/components/events.react.js
+++ b/bemani/frontend/static/components/events.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var UnknownEvent = React.createClass({
+var UnknownEvent = createReactClass({
     render: function() {
         return (
             <tr key={event.id}>
@@ -15,7 +15,7 @@ var UnknownEvent = React.createClass({
     },
 });
 
-var ExceptionEvent = React.createClass({
+var ExceptionEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var location = 'Unknown Service';
@@ -77,7 +77,7 @@ var ExceptionEvent = React.createClass({
     },
 });
 
-var UnhandledPacketEvent = React.createClass({
+var UnhandledPacketEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         return (
@@ -96,7 +96,7 @@ var UnhandledPacketEvent = React.createClass({
     },
 });
 
-var UnauthorizedClientEvent = React.createClass({
+var UnauthorizedClientEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         return (
@@ -125,7 +125,7 @@ var UnauthorizedClientEvent = React.createClass({
     },
 });
 
-var PCBEvent = React.createClass({
+var PCBEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         return (
@@ -162,7 +162,7 @@ var PCBEvent = React.createClass({
     },
 });
 
-var PASELITransactionEvent = React.createClass({
+var PASELITransactionEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var username = null;
@@ -228,7 +228,7 @@ var PASELITransactionEvent = React.createClass({
     },
 });
 
-var JubeatLeagueCourseEvent = React.createClass({
+var JubeatLeagueCourseEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var game = this.props.versions[event.data.version];
@@ -256,7 +256,7 @@ var JubeatLeagueCourseEvent = React.createClass({
     },
 });
 
-var JubeatFCChallengeEvent = React.createClass({
+var JubeatFCChallengeEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var game = this.props.versions[event.data.version];
@@ -290,7 +290,7 @@ var JubeatFCChallengeEvent = React.createClass({
     },
 });
 
-var JubeatRandomCourseEvent = React.createClass({
+var JubeatRandomCourseEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var game = this.props.versions[event.data.version];
@@ -320,7 +320,7 @@ var JubeatRandomCourseEvent = React.createClass({
     },
 });
 
-var IIDXDailyChartsEvent = React.createClass({
+var IIDXDailyChartsEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var game = this.props.versions[event.data.version];
@@ -348,7 +348,7 @@ var IIDXDailyChartsEvent = React.createClass({
     },
 });
 
-var PopnMusicCourseEvent = React.createClass({
+var PopnMusicCourseEvent = createReactClass({
     render: function() {
         var event = this.props.event;
         var game = this.props.versions[event.data.version];
@@ -372,7 +372,7 @@ var PopnMusicCourseEvent = React.createClass({
     },
 });
 
-var DDRProfilePurge = React.createClass({
+var DDRProfilePurge = createReactClass({
     render: function() {
         var event = this.props.event;
         var username = null;
diff --git a/bemani/frontend/static/components/gamesettings.react.js b/bemani/frontend/static/components/gamesettings.react.js
index 44abb6d..d3d23a6 100644
--- a/bemani/frontend/static/components/gamesettings.react.js
+++ b/bemani/frontend/static/components/gamesettings.react.js
@@ -4,7 +4,7 @@ function makeGameSettingName(game_settings) {
     return game_settings.game + '-' + game_settings.version;
 }
 
-var GameSettings = React.createClass({
+var GameSettings = createReactClass({
     getInitialState: function() {
         var valid_settings = this.props.game_settings.map(function(setting) {
             return makeGameSettingName(setting);
diff --git a/bemani/frontend/static/components/labelledsection.react.js b/bemani/frontend/static/components/labelledsection.react.js
index 8910f5a..458da1e 100644
--- a/bemani/frontend/static/components/labelledsection.react.js
+++ b/bemani/frontend/static/components/labelledsection.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var LabelledSection = React.createClass({
+var LabelledSection = createReactClass({
     render: function() {
         var classname = "labelledsection"
         if (this.props.vertical) {
diff --git a/bemani/frontend/static/components/longmessage.react.js b/bemani/frontend/static/components/longmessage.react.js
index 1d5da90..26de961 100644
--- a/bemani/frontend/static/components/longmessage.react.js
+++ b/bemani/frontend/static/components/longmessage.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var LongMessage = React.createClass({
+var LongMessage = createReactClass({
     getInitialState: function(props) {
         return {
             expanded: false,
diff --git a/bemani/frontend/static/components/nav.react.js b/bemani/frontend/static/components/nav.react.js
index cdaf5c2..55bdf40 100644
--- a/bemani/frontend/static/components/nav.react.js
+++ b/bemani/frontend/static/components/nav.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Nav = React.createClass({
+var Nav = createReactClass({
     render: function() {
         var cls = 'nav';
         if (this.props.active) {
diff --git a/bemani/frontend/static/components/next.react.js b/bemani/frontend/static/components/next.react.js
index fed9295..3c30517 100644
--- a/bemani/frontend/static/components/next.react.js
+++ b/bemani/frontend/static/components/next.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Next = React.createClass({
+var Next = createReactClass({
     render: function() {
         return (
             <Nav
diff --git a/bemani/frontend/static/components/prev.react.js b/bemani/frontend/static/components/prev.react.js
index 8bbdce8..e5de21e 100644
--- a/bemani/frontend/static/components/prev.react.js
+++ b/bemani/frontend/static/components/prev.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Prev = React.createClass({
+var Prev = createReactClass({
     render: function() {
         return (
             <Nav
diff --git a/bemani/frontend/static/components/rival.react.js b/bemani/frontend/static/components/rival.react.js
index 0b84662..d86df01 100644
--- a/bemani/frontend/static/components/rival.react.js
+++ b/bemani/frontend/static/components/rival.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Rival = React.createClass({
+var Rival = createReactClass({
     render: function() {
         if (this.props.player.remote) {
             return <span>{ this.props.player.name }</span>;
diff --git a/bemani/frontend/static/components/selectarcade.react.js b/bemani/frontend/static/components/selectarcade.react.js
index d99d28a..70d55e3 100644
--- a/bemani/frontend/static/components/selectarcade.react.js
+++ b/bemani/frontend/static/components/selectarcade.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var SelectArcade = React.createClass({
+var SelectArcade = createReactClass({
     render: function() {
         return (
             <select
diff --git a/bemani/frontend/static/components/selectint.react.js b/bemani/frontend/static/components/selectint.react.js
index 9d53407..7e919f1 100644
--- a/bemani/frontend/static/components/selectint.react.js
+++ b/bemani/frontend/static/components/selectint.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var SelectInt = React.createClass({
+var SelectInt = createReactClass({
     __renderChoices: function() {
         if (this.props.choices instanceof Array) {
             // Given to us as an array, the index of the value is the selected value
diff --git a/bemani/frontend/static/components/selectuser.react.js b/bemani/frontend/static/components/selectuser.react.js
index 110a2f5..9294157 100644
--- a/bemani/frontend/static/components/selectuser.react.js
+++ b/bemani/frontend/static/components/selectuser.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var SelectUser = React.createClass({
+var SelectUser = createReactClass({
     render: function() {
         return (
             <select
diff --git a/bemani/frontend/static/components/slider.react.js b/bemani/frontend/static/components/slider.react.js
index 84e7be7..23d42eb 100644
--- a/bemani/frontend/static/components/slider.react.js
+++ b/bemani/frontend/static/components/slider.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Slider = React.createClass({
+var Slider = createReactClass({
     render: function() {
         return (
             <div
diff --git a/bemani/frontend/static/components/table.react.js b/bemani/frontend/static/components/table.react.js
index bc92cc2..a53849b 100644
--- a/bemani/frontend/static/components/table.react.js
+++ b/bemani/frontend/static/components/table.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Table = React.createClass({
+var Table = createReactClass({
     getInitialState: function(props) {
         var sortCol = -1;
         var sortDir = -1;
diff --git a/bemani/frontend/static/components/timestamp.react.js b/bemani/frontend/static/components/timestamp.react.js
index 878ed9c..d416c32 100644
--- a/bemani/frontend/static/components/timestamp.react.js
+++ b/bemani/frontend/static/components/timestamp.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Timestamp = React.createClass({
+var Timestamp = createReactClass({
     render: function() {
         if (this.props.timestamp <= 0) {
             return <div className="timestamp">N/A</div>;
diff --git a/bemani/frontend/static/components/tip.react.js b/bemani/frontend/static/components/tip.react.js
index e6fdffc..79ca904 100644
--- a/bemani/frontend/static/components/tip.react.js
+++ b/bemani/frontend/static/components/tip.react.js
@@ -1,6 +1,6 @@
 /** @jsx React.DOM */
 
-var Tip = React.createClass({
+var Tip = createReactClass({
     render: function() {
         return (
             <div className="tooltip">
diff --git a/bemani/frontend/static/controllers/account/account.react.js b/bemani/frontend/static/controllers/account/account.react.js
index 7523e15..a01b453 100644
--- a/bemani/frontend/static/controllers/account/account.react.js
+++ b/bemani/frontend/static/controllers/account/account.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var account_management = React.createClass({
+var account_management = createReactClass({
     getInitialState: function(props) {
         return {
             email: window.email,
diff --git a/bemani/frontend/static/controllers/account/cards.react.js b/bemani/frontend/static/controllers/account/cards.react.js
index 8baad05..5a8aa8c 100644
--- a/bemani/frontend/static/controllers/account/cards.react.js
+++ b/bemani/frontend/static/controllers/account/cards.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var card_management = React.createClass({
+var card_management = createReactClass({
     getInitialState: function(props) {
         return {
             cards: window.cards,
diff --git a/bemani/frontend/static/controllers/admin/api.react.js b/bemani/frontend/static/controllers/admin/api.react.js
index 9e744e4..8bb0ce4 100644
--- a/bemani/frontend/static/controllers/admin/api.react.js
+++ b/bemani/frontend/static/controllers/admin/api.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var api_management = React.createClass({
+var api_management = createReactClass({
     getInitialState: function(props) {
         var info = this.scheduleServerInfo(window.servers);
         return {
diff --git a/bemani/frontend/static/controllers/admin/arcades.react.js b/bemani/frontend/static/controllers/admin/arcades.react.js
index 66696f9..a5f63e1 100644
--- a/bemani/frontend/static/controllers/admin/arcades.react.js
+++ b/bemani/frontend/static/controllers/admin/arcades.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var card_management = React.createClass({
+var card_management = createReactClass({
     getInitialState: function(props) {
         return {
             new_arcade: {
diff --git a/bemani/frontend/static/controllers/admin/cards.react.js b/bemani/frontend/static/controllers/admin/cards.react.js
index eab95a4..f6cdd06 100644
--- a/bemani/frontend/static/controllers/admin/cards.react.js
+++ b/bemani/frontend/static/controllers/admin/cards.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var card_management = React.createClass({
+var card_management = createReactClass({
     getInitialState: function(props) {
         return {
             cards: window.cards,
diff --git a/bemani/frontend/static/controllers/admin/events.react.js b/bemani/frontend/static/controllers/admin/events.react.js
index 0b8fec9..22491c0 100644
--- a/bemani/frontend/static/controllers/admin/events.react.js
+++ b/bemani/frontend/static/controllers/admin/events.react.js
@@ -30,7 +30,7 @@ var event_names = {
 
 var mergehandler = new MergeManager(function(evt) { return evt.id; }, MergeManager.MERGE_POLICY_DROP);
 
-var audit_events = React.createClass({
+var audit_events = createReactClass({
     getInitialState: function(props) {
         return {
             events: mergehandler.add(window.events),
diff --git a/bemani/frontend/static/controllers/admin/gamesettings.react.js b/bemani/frontend/static/controllers/admin/gamesettings.react.js
index 49a151b..a58f18e 100644
--- a/bemani/frontend/static/controllers/admin/gamesettings.react.js
+++ b/bemani/frontend/static/controllers/admin/gamesettings.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var gamesettings = React.createClass({
+var gamesettings = createReactClass({
     render: function() {
         return (
             <div>
diff --git a/bemani/frontend/static/controllers/admin/machines.react.js b/bemani/frontend/static/controllers/admin/machines.react.js
index 8bf98a4..5ad605c 100644
--- a/bemani/frontend/static/controllers/admin/machines.react.js
+++ b/bemani/frontend/static/controllers/admin/machines.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var machine_management = React.createClass({
+var machine_management = createReactClass({
     getInitialState: function(props) {
         return {
             machines: window.machines,
diff --git a/bemani/frontend/static/controllers/admin/news.react.js b/bemani/frontend/static/controllers/admin/news.react.js
index 53f2a65..bff9e4d 100644
--- a/bemani/frontend/static/controllers/admin/news.react.js
+++ b/bemani/frontend/static/controllers/admin/news.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var news_management = React.createClass({
+var news_management = createReactClass({
     getInitialState: function(props) {
         return {
             news: window.news,
diff --git a/bemani/frontend/static/controllers/admin/user.react.js b/bemani/frontend/static/controllers/admin/user.react.js
index 30213cc..3842855 100644
--- a/bemani/frontend/static/controllers/admin/user.react.js
+++ b/bemani/frontend/static/controllers/admin/user.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var user_management = React.createClass({
+var user_management = createReactClass({
     getInitialState: function(props) {
         var credits = {};
         Object.keys(window.arcades).map(function(arcadeid) {
diff --git a/bemani/frontend/static/controllers/admin/users.react.js b/bemani/frontend/static/controllers/admin/users.react.js
index d059cc5..66d9442 100644
--- a/bemani/frontend/static/controllers/admin/users.react.js
+++ b/bemani/frontend/static/controllers/admin/users.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var card_management = React.createClass({
+var card_management = createReactClass({
     getInitialState: function(props) {
         return {
             users: window.users,
diff --git a/bemani/frontend/static/controllers/arcade/arcade.react.js b/bemani/frontend/static/controllers/arcade/arcade.react.js
index 34e43d8..79d2882 100644
--- a/bemani/frontend/static/controllers/arcade/arcade.react.js
+++ b/bemani/frontend/static/controllers/arcade/arcade.react.js
@@ -8,7 +8,7 @@ function count_pcbids(machines) {
     return count;
 }
 
-var arcade_management = React.createClass({
+var arcade_management = createReactClass({
     getInitialState: function(props) {
         var credits = {};
         Object.keys(window.users).map(function(userid) {
diff --git a/bemani/frontend/static/controllers/bishi/allplayers.react.js b/bemani/frontend/static/controllers/bishi/allplayers.react.js
index 4dfd9a1..779b368 100644
--- a/bemani/frontend/static/controllers/bishi/allplayers.react.js
+++ b/bemani/frontend/static/controllers/bishi/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/bishi/player.react.js b/bemani/frontend/static/controllers/bishi/player.react.js
index d3bae0e..da950f0 100644
--- a/bemani/frontend/static/controllers/bishi/player.react.js
+++ b/bemani/frontend/static/controllers/bishi/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/bishi/settings.react.js b/bemani/frontend/static/controllers/bishi/settings.react.js
index 5158b33..a61d54e 100644
--- a/bemani/frontend/static/controllers/bishi/settings.react.js
+++ b/bemani/frontend/static/controllers/bishi/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     sanitizeName: function(name) {
         if (name == 'なし') {
diff --git a/bemani/frontend/static/controllers/ddr/allplayers.react.js b/bemani/frontend/static/controllers/ddr/allplayers.react.js
index c2e918e..f82922e 100644
--- a/bemani/frontend/static/controllers/ddr/allplayers.react.js
+++ b/bemani/frontend/static/controllers/ddr/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/ddr/player.react.js b/bemani/frontend/static/controllers/ddr/player.react.js
index 433f622..79ffb58 100644
--- a/bemani/frontend/static/controllers/ddr/player.react.js
+++ b/bemani/frontend/static/controllers/ddr/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/ddr/records.react.js b/bemani/frontend/static/controllers/ddr/records.react.js
index db733e1..5a818fc 100644
--- a/bemani/frontend/static/controllers/ddr/records.react.js
+++ b/bemani/frontend/static/controllers/ddr/records.react.js
@@ -20,7 +20,7 @@ var sort_names = {
 };
 var chart_map = [0, 1, 2, 3, 4, 6, 7, 8, 9];
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -51,7 +51,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/ddr/rivals.react.js b/bemani/frontend/static/controllers/ddr/rivals.react.js
index a8b0e10..85ff8d8 100644
--- a/bemani/frontend/static/controllers/ddr/rivals.react.js
+++ b/bemani/frontend/static/controllers/ddr/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/ddr/scores.react.js b/bemani/frontend/static/controllers/ddr/scores.react.js
index 9bd6854..d68390f 100644
--- a/bemani/frontend/static/controllers/ddr/scores.react.js
+++ b/bemani/frontend/static/controllers/ddr/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/ddr/settings.react.js b/bemani/frontend/static/controllers/ddr/settings.react.js
index 3cf86ab..3c8131a 100644
--- a/bemani/frontend/static/controllers/ddr/settings.react.js
+++ b/bemani/frontend/static/controllers/ddr/settings.react.js
@@ -10,7 +10,7 @@ var option_names = {
     'filter': 'Filter',
 };
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/ddr/topscores.react.js b/bemani/frontend/static/controllers/ddr/topscores.react.js
index 99d1622..48b76d3 100644
--- a/bemani/frontend/static/controllers/ddr/topscores.react.js
+++ b/bemani/frontend/static/controllers/ddr/topscores.react.js
@@ -6,7 +6,7 @@ var valid_charts = ['SP Beginner', 'SP Basic', 'SP Difficult', 'SP Expert', 'SP
 });
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], [], [], [], [], [], []];
diff --git a/bemani/frontend/static/controllers/home.react.js b/bemani/frontend/static/controllers/home.react.js
index 82e7919..184972c 100644
--- a/bemani/frontend/static/controllers/home.react.js
+++ b/bemani/frontend/static/controllers/home.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var home = React.createClass({
+var home = createReactClass({
     getInitialState: function(props) {
         return {
             news: window.news,
diff --git a/bemani/frontend/static/controllers/iidx/allplayers.react.js b/bemani/frontend/static/controllers/iidx/allplayers.react.js
index 54292be..6cdba1d 100644
--- a/bemani/frontend/static/controllers/iidx/allplayers.react.js
+++ b/bemani/frontend/static/controllers/iidx/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/iidx/player.react.js b/bemani/frontend/static/controllers/iidx/player.react.js
index 86ed278..2bc295c 100644
--- a/bemani/frontend/static/controllers/iidx/player.react.js
+++ b/bemani/frontend/static/controllers/iidx/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/iidx/records.react.js b/bemani/frontend/static/controllers/iidx/records.react.js
index 5701fed..5e88fe0 100644
--- a/bemani/frontend/static/controllers/iidx/records.react.js
+++ b/bemani/frontend/static/controllers/iidx/records.react.js
@@ -19,7 +19,7 @@ var sort_names = {
     'clear': 'Clear Lamp',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -66,7 +66,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/iidx/rivals.react.js b/bemani/frontend/static/controllers/iidx/rivals.react.js
index b21a4eb..e4aea96 100644
--- a/bemani/frontend/static/controllers/iidx/rivals.react.js
+++ b/bemani/frontend/static/controllers/iidx/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/iidx/scores.react.js b/bemani/frontend/static/controllers/iidx/scores.react.js
index d95512e..0cced34 100644
--- a/bemani/frontend/static/controllers/iidx/scores.react.js
+++ b/bemani/frontend/static/controllers/iidx/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/iidx/settings.react.js b/bemani/frontend/static/controllers/iidx/settings.react.js
index 4c2dbd0..43657ce 100644
--- a/bemani/frontend/static/controllers/iidx/settings.react.js
+++ b/bemani/frontend/static/controllers/iidx/settings.react.js
@@ -59,7 +59,7 @@ var valid_qpro_options = [
     'head',
 ];
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/iidx/topscores.react.js b/bemani/frontend/static/controllers/iidx/topscores.react.js
index ab69f33..d6c5b28 100644
--- a/bemani/frontend/static/controllers/iidx/topscores.react.js
+++ b/bemani/frontend/static/controllers/iidx/topscores.react.js
@@ -5,7 +5,7 @@ var valid_charts = ['SPN', 'SPH', 'SPA', 'DPN', 'DPH', 'DPA'].filter(function(va
 });
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], [], []];
diff --git a/bemani/frontend/static/controllers/jubeat/allplayers.react.js b/bemani/frontend/static/controllers/jubeat/allplayers.react.js
index f120f87..d398b13 100644
--- a/bemani/frontend/static/controllers/jubeat/allplayers.react.js
+++ b/bemani/frontend/static/controllers/jubeat/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/jubeat/jubility.react.js b/bemani/frontend/static/controllers/jubeat/jubility.react.js
index b9fbd8b..7d85385 100644
--- a/bemani/frontend/static/controllers/jubeat/jubility.react.js
+++ b/bemani/frontend/static/controllers/jubeat/jubility.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var jubility_view = React.createClass({
+var jubility_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/jubeat/player.react.js b/bemani/frontend/static/controllers/jubeat/player.react.js
index 43e1ece..03ae294 100644
--- a/bemani/frontend/static/controllers/jubeat/player.react.js
+++ b/bemani/frontend/static/controllers/jubeat/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/jubeat/records.react.js b/bemani/frontend/static/controllers/jubeat/records.react.js
index bb0ea36..77b94c8 100644
--- a/bemani/frontend/static/controllers/jubeat/records.react.js
+++ b/bemani/frontend/static/controllers/jubeat/records.react.js
@@ -19,7 +19,7 @@ var sort_names = {
     'clear': 'Clear Medal',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -69,7 +69,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/jubeat/rivals.react.js b/bemani/frontend/static/controllers/jubeat/rivals.react.js
index 32c1e66..611d50e 100644
--- a/bemani/frontend/static/controllers/jubeat/rivals.react.js
+++ b/bemani/frontend/static/controllers/jubeat/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/jubeat/scores.react.js b/bemani/frontend/static/controllers/jubeat/scores.react.js
index 35576ea..9022a32 100644
--- a/bemani/frontend/static/controllers/jubeat/scores.react.js
+++ b/bemani/frontend/static/controllers/jubeat/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/jubeat/settings.react.js b/bemani/frontend/static/controllers/jubeat/settings.react.js
index 04d7b2a..c155bcb 100644
--- a/bemani/frontend/static/controllers/jubeat/settings.react.js
+++ b/bemani/frontend/static/controllers/jubeat/settings.react.js
@@ -19,7 +19,7 @@ var emblem_option_names = {
     'speech_bubble': 'Speech Bubble',
 }
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/jubeat/topscores.react.js b/bemani/frontend/static/controllers/jubeat/topscores.react.js
index 34d6504..84bec8c 100644
--- a/bemani/frontend/static/controllers/jubeat/topscores.react.js
+++ b/bemani/frontend/static/controllers/jubeat/topscores.react.js
@@ -5,7 +5,7 @@ var valid_charts = window.new_rating ?
     ['Basic', 'Advanced', 'Extreme'];
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], [], []];
diff --git a/bemani/frontend/static/controllers/mga/allplayers.react.js b/bemani/frontend/static/controllers/mga/allplayers.react.js
index 262ed6a..9cc59d9 100644
--- a/bemani/frontend/static/controllers/mga/allplayers.react.js
+++ b/bemani/frontend/static/controllers/mga/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/mga/player.react.js b/bemani/frontend/static/controllers/mga/player.react.js
index d3bae0e..da950f0 100644
--- a/bemani/frontend/static/controllers/mga/player.react.js
+++ b/bemani/frontend/static/controllers/mga/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/mga/settings.react.js b/bemani/frontend/static/controllers/mga/settings.react.js
index d50d936..8a815a9 100644
--- a/bemani/frontend/static/controllers/mga/settings.react.js
+++ b/bemani/frontend/static/controllers/mga/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/museca/allplayers.react.js b/bemani/frontend/static/controllers/museca/allplayers.react.js
index 952925f..c33b36d 100644
--- a/bemani/frontend/static/controllers/museca/allplayers.react.js
+++ b/bemani/frontend/static/controllers/museca/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/museca/player.react.js b/bemani/frontend/static/controllers/museca/player.react.js
index 59e3164..3adcb76 100644
--- a/bemani/frontend/static/controllers/museca/player.react.js
+++ b/bemani/frontend/static/controllers/museca/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/museca/records.react.js b/bemani/frontend/static/controllers/museca/records.react.js
index e0b5ca0..2304a80 100644
--- a/bemani/frontend/static/controllers/museca/records.react.js
+++ b/bemani/frontend/static/controllers/museca/records.react.js
@@ -22,7 +22,7 @@ var sort_names = {
     'clear': 'Clear Type',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -64,7 +64,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/museca/scores.react.js b/bemani/frontend/static/controllers/museca/scores.react.js
index d6db616..dce35c1 100644
--- a/bemani/frontend/static/controllers/museca/scores.react.js
+++ b/bemani/frontend/static/controllers/museca/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/museca/settings.react.js b/bemani/frontend/static/controllers/museca/settings.react.js
index 97caca9..af284c3 100644
--- a/bemani/frontend/static/controllers/museca/settings.react.js
+++ b/bemani/frontend/static/controllers/museca/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/museca/topscores.react.js b/bemani/frontend/static/controllers/museca/topscores.react.js
index 0dbc34f..d231fa3 100644
--- a/bemani/frontend/static/controllers/museca/topscores.react.js
+++ b/bemani/frontend/static/controllers/museca/topscores.react.js
@@ -10,7 +10,7 @@ var chart_names = {
 };
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], []];
diff --git a/bemani/frontend/static/controllers/popn/allplayers.react.js b/bemani/frontend/static/controllers/popn/allplayers.react.js
index 2cad457..d7db534 100644
--- a/bemani/frontend/static/controllers/popn/allplayers.react.js
+++ b/bemani/frontend/static/controllers/popn/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/popn/player.react.js b/bemani/frontend/static/controllers/popn/player.react.js
index 8395fa7..4b9f3c3 100644
--- a/bemani/frontend/static/controllers/popn/player.react.js
+++ b/bemani/frontend/static/controllers/popn/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/popn/records.react.js b/bemani/frontend/static/controllers/popn/records.react.js
index 9bf3cac..7a3d81b 100644
--- a/bemani/frontend/static/controllers/popn/records.react.js
+++ b/bemani/frontend/static/controllers/popn/records.react.js
@@ -17,7 +17,7 @@ var sort_names = {
     'clear': 'Clear Medal',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -59,7 +59,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/popn/rivals.react.js b/bemani/frontend/static/controllers/popn/rivals.react.js
index ba99086..df816c1 100644
--- a/bemani/frontend/static/controllers/popn/rivals.react.js
+++ b/bemani/frontend/static/controllers/popn/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/popn/scores.react.js b/bemani/frontend/static/controllers/popn/scores.react.js
index ff26466..0890ff3 100644
--- a/bemani/frontend/static/controllers/popn/scores.react.js
+++ b/bemani/frontend/static/controllers/popn/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/popn/settings.react.js b/bemani/frontend/static/controllers/popn/settings.react.js
index 35e426f..e287771 100644
--- a/bemani/frontend/static/controllers/popn/settings.react.js
+++ b/bemani/frontend/static/controllers/popn/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/popn/topscores.react.js b/bemani/frontend/static/controllers/popn/topscores.react.js
index e8a904d..f9b0548 100644
--- a/bemani/frontend/static/controllers/popn/topscores.react.js
+++ b/bemani/frontend/static/controllers/popn/topscores.react.js
@@ -5,7 +5,7 @@ var valid_charts = ['Easy', 'Normal', 'Hyper', 'EX'].filter(function(val, index)
 });
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], []];
diff --git a/bemani/frontend/static/controllers/reflec/allplayers.react.js b/bemani/frontend/static/controllers/reflec/allplayers.react.js
index 9dea099..1db46a9 100644
--- a/bemani/frontend/static/controllers/reflec/allplayers.react.js
+++ b/bemani/frontend/static/controllers/reflec/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/reflec/player.react.js b/bemani/frontend/static/controllers/reflec/player.react.js
index 59e3164..3adcb76 100644
--- a/bemani/frontend/static/controllers/reflec/player.react.js
+++ b/bemani/frontend/static/controllers/reflec/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/reflec/records.react.js b/bemani/frontend/static/controllers/reflec/records.react.js
index d9acc99..e8f6049 100644
--- a/bemani/frontend/static/controllers/reflec/records.react.js
+++ b/bemani/frontend/static/controllers/reflec/records.react.js
@@ -19,7 +19,7 @@ var sort_names = {
     'clear': 'Clear Type',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
 
     renderGrade: function(score) {
         if (score.achievement_rate < 6000) {
@@ -77,7 +77,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/reflec/rivals.react.js b/bemani/frontend/static/controllers/reflec/rivals.react.js
index d21c0ea..dfedb4b 100644
--- a/bemani/frontend/static/controllers/reflec/rivals.react.js
+++ b/bemani/frontend/static/controllers/reflec/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/reflec/scores.react.js b/bemani/frontend/static/controllers/reflec/scores.react.js
index d0dd355..c8bda75 100644
--- a/bemani/frontend/static/controllers/reflec/scores.react.js
+++ b/bemani/frontend/static/controllers/reflec/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/reflec/settings.react.js b/bemani/frontend/static/controllers/reflec/settings.react.js
index 481d1ca..0bbca1a 100644
--- a/bemani/frontend/static/controllers/reflec/settings.react.js
+++ b/bemani/frontend/static/controllers/reflec/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/reflec/topscores.react.js b/bemani/frontend/static/controllers/reflec/topscores.react.js
index a6c9017..91ef562 100644
--- a/bemani/frontend/static/controllers/reflec/topscores.react.js
+++ b/bemani/frontend/static/controllers/reflec/topscores.react.js
@@ -5,7 +5,7 @@ var valid_charts = ['Basic', 'Medium', 'Hard', 'Special'].filter(function(val, i
 });
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], []];
diff --git a/bemani/frontend/static/controllers/sdvx/allplayers.react.js b/bemani/frontend/static/controllers/sdvx/allplayers.react.js
index 07dc8e8..f200ba0 100644
--- a/bemani/frontend/static/controllers/sdvx/allplayers.react.js
+++ b/bemani/frontend/static/controllers/sdvx/allplayers.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var all_players = React.createClass({
+var all_players = createReactClass({
 
     getInitialState: function(props) {
         return {
diff --git a/bemani/frontend/static/controllers/sdvx/player.react.js b/bemani/frontend/static/controllers/sdvx/player.react.js
index 59e3164..3adcb76 100644
--- a/bemani/frontend/static/controllers/sdvx/player.react.js
+++ b/bemani/frontend/static/controllers/sdvx/player.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var profile_view = React.createClass({
+var profile_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/sdvx/records.react.js b/bemani/frontend/static/controllers/sdvx/records.react.js
index d173315..7de8eb6 100644
--- a/bemani/frontend/static/controllers/sdvx/records.react.js
+++ b/bemani/frontend/static/controllers/sdvx/records.react.js
@@ -17,7 +17,7 @@ var sort_names = {
     'clear': 'Clear Type',
 };
 
-var HighScore = React.createClass({
+var HighScore = createReactClass({
     render: function() {
         if (!this.props.score) {
             return null;
@@ -57,7 +57,7 @@ var HighScore = React.createClass({
     },
 });
 
-var network_records = React.createClass({
+var network_records = createReactClass({
 
     sortRecords: function(records) {
         var sorted_records = {};
diff --git a/bemani/frontend/static/controllers/sdvx/rivals.react.js b/bemani/frontend/static/controllers/sdvx/rivals.react.js
index ce9b35a..f786182 100644
--- a/bemani/frontend/static/controllers/sdvx/rivals.react.js
+++ b/bemani/frontend/static/controllers/sdvx/rivals.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.rivals);
 var pagenav = new History(valid_versions);
 
-var rivals_view = React.createClass({
+var rivals_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.rivals);
diff --git a/bemani/frontend/static/controllers/sdvx/scores.react.js b/bemani/frontend/static/controllers/sdvx/scores.react.js
index 93e21c7..4c89724 100644
--- a/bemani/frontend/static/controllers/sdvx/scores.react.js
+++ b/bemani/frontend/static/controllers/sdvx/scores.react.js
@@ -1,6 +1,6 @@
 /*** @jsx React.DOM */
 
-var network_scores = React.createClass({
+var network_scores = createReactClass({
     getInitialState: function(props) {
         return {
             songs: window.songs,
diff --git a/bemani/frontend/static/controllers/sdvx/settings.react.js b/bemani/frontend/static/controllers/sdvx/settings.react.js
index 8df2d30..6c13d64 100644
--- a/bemani/frontend/static/controllers/sdvx/settings.react.js
+++ b/bemani/frontend/static/controllers/sdvx/settings.react.js
@@ -3,7 +3,7 @@
 var valid_versions = Object.keys(window.versions);
 var pagenav = new History(valid_versions);
 
-var settings_view = React.createClass({
+var settings_view = createReactClass({
 
     getInitialState: function(props) {
         var profiles = Object.keys(window.player);
diff --git a/bemani/frontend/static/controllers/sdvx/topscores.react.js b/bemani/frontend/static/controllers/sdvx/topscores.react.js
index c9e60ea..0a08918 100644
--- a/bemani/frontend/static/controllers/sdvx/topscores.react.js
+++ b/bemani/frontend/static/controllers/sdvx/topscores.react.js
@@ -5,7 +5,7 @@ var valid_charts = ['Novice', 'Advanced', 'Exhaust', 'Infinite', 'Maximum'].filt
 });
 var pagenav = new History(valid_charts);
 
-var top_scores = React.createClass({
+var top_scores = createReactClass({
 
     sortTopScores: function(topscores) {
         var newscores = [[], [], [], [], []];
diff --git a/bemani/frontend/static/create-react-class.min.js b/bemani/frontend/static/create-react-class.min.js
new file mode 100644
index 0000000..948ad3c
--- /dev/null
+++ b/bemani/frontend/static/create-react-class.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.createReactClass=e(require("react")):t.createReactClass=e(t.React)}(this,function(t){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=2)}([function(t,e,n){"use strict";function o(t){return t}function r(t,e,n){function r(t,e){var n=g.hasOwnProperty(e)?g[e]:null;_.hasOwnProperty(e)&&s("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",e),t&&s("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",e)}function u(t,n){if(n){s("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),s(!e(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var o=t.prototype,i=o.__reactAutoBindPairs;n.hasOwnProperty(c)&&N.mixins(t,n.mixins);for(var a in n)if(n.hasOwnProperty(a)&&a!==c){var u=n[a],p=o.hasOwnProperty(a);if(r(p,a),N.hasOwnProperty(a))N[a](t,u);else{var f=g.hasOwnProperty(a),m="function"==typeof u,h=m&&!f&&!p&&!1!==n.autobind;if(h)i.push(a,u),o[a]=u;else if(p){var y=g[a];s(f&&("DEFINE_MANY_MERGED"===y||"DEFINE_MANY"===y),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",y,a),"DEFINE_MANY_MERGED"===y?o[a]=l(o[a],u):"DEFINE_MANY"===y&&(o[a]=d(o[a],u))}else o[a]=u}}}else;}function p(t,e){if(e)for(var n in e){var o=e[n];if(e.hasOwnProperty(n)){var r=n in N;s(!r,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n);var i=n in t;s(!i,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),t[n]=o}}}function f(t,e){s(t&&e&&"object"==typeof t&&"object"==typeof e,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var n in e)e.hasOwnProperty(n)&&(s(void 0===t[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),t[n]=e[n]);return t}function l(t,e){return function(){var n=t.apply(this,arguments),o=e.apply(this,arguments);if(null==n)return o;if(null==o)return n;var r={};return f(r,n),f(r,o),r}}function d(t,e){return function(){t.apply(this,arguments),e.apply(this,arguments)}}function m(t,e){var n=e.bind(t);return n}function h(t){for(var e=t.__reactAutoBindPairs,n=0;n<e.length;n+=2){var o=e[n],r=e[n+1];t[o]=m(t,r)}}function y(t){var e=o(function(t,o,r){this.__reactAutoBindPairs.length&&h(this),this.props=t,this.context=o,this.refs=a,this.updater=r||n,this.state=null;var i=this.getInitialState?this.getInitialState():null;s("object"==typeof i&&!Array.isArray(i),"%s.getInitialState(): must return an object or null",e.displayName||"ReactCompositeComponent"),this.state=i});e.prototype=new D,e.prototype.constructor=e,e.prototype.__reactAutoBindPairs=[],E.forEach(u.bind(null,e)),u(e,b),u(e,t),u(e,v),e.getDefaultProps&&(e.defaultProps=e.getDefaultProps()),s(e.prototype.render,"createClass(...): Class specification must implement a `render` method.");for(var r in g)e.prototype[r]||(e.prototype[r]=null);return e}var E=[],g={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},N={displayName:function(t,e){t.displayName=e},mixins:function(t,e){if(e)for(var n=0;n<e.length;n++)u(t,e[n])},childContextTypes:function(t,e){t.childContextTypes=i({},t.childContextTypes,e)},contextTypes:function(t,e){t.contextTypes=i({},t.contextTypes,e)},getDefaultProps:function(t,e){t.getDefaultProps?t.getDefaultProps=l(t.getDefaultProps,e):t.getDefaultProps=e},propTypes:function(t,e){t.propTypes=i({},t.propTypes,e)},statics:function(t,e){p(t,e)},autobind:function(){}},b={componentDidMount:function(){this.__isMounted=!0}},v={componentWillUnmount:function(){this.__isMounted=!1}},_={replaceState:function(t,e){this.updater.enqueueReplaceState(this,t,e)},isMounted:function(){return!!this.__isMounted}},D=function(){};return i(D.prototype,t.prototype,_),y}var i=n(5),a=n(3),s=n(4),c="mixins";t.exports=r},function(e,n){e.exports=t},function(t,e,n){"use strict";var o=n(1),r=n(0);if(void 0===o)throw Error("create-react-class could not find the React object. If you are using script tags, make sure that React is being loaded before create-react-class.");var i=(new o.Component).updater;t.exports=r(o.Component,o.isValidElement,i)},function(t,e,n){"use strict";var o={};t.exports=o},function(t,e,n){"use strict";function o(t,e,n,o,i,a,s,c){if(r(e),!t){var u;if(void 0===e)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var p=[n,o,i,a,s,c],f=0;u=new Error(e.replace(/%s/g,function(){return p[f++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}}var r=function(t){};t.exports=o},function(t,e,n){"use strict";function o(t){if(null===t||void 0===t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}var r=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(t){o[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,s,c=o(t),u=1;u<arguments.length;u++){n=Object(arguments[u]);for(var p in n)i.call(n,p)&&(c[p]=n[p]);if(r){s=r(n);for(var f=0;f<s.length;f++)a.call(n,s[f])&&(c[s[f]]=n[s[f]])}}return c}}])});
\ No newline at end of file
diff --git a/bemani/frontend/templates/base.html b/bemani/frontend/templates/base.html
index bc964fc..0a9c21b 100644
--- a/bemani/frontend/templates/base.html
+++ b/bemani/frontend/templates/base.html
@@ -19,6 +19,7 @@
         <script type="text/javascript" src="{{ url_for('static', filename='tinynav.js') }}"></script>
         <script defer type="text/javascript" src="{{ url_for('static', filename='react.min.js') }}"></script>
         <script defer type="text/javascript" src="{{ url_for('static', filename='react-dom.min.js') }}"></script>
+        <script defer type="text/javascript" src="{{ url_for('static', filename='create-react-class.min.js') }}"></script>
         <script defer type="text/javascript" src="{{ url_for('static', filename='ajax.js') }}"></script>
         <script defer type="text/javascript" src="{{ url_for('static', filename='messages.js') }}"></script>
         <script defer type="text/javascript" src="{{ url_for('static', filename='history.js') }}"></script>