diff --git a/client/admin/admin.jsx b/client/admin/admin.jsx
index 5d581a8..295fa9b 100644
--- a/client/admin/admin.jsx
+++ b/client/admin/admin.jsx
@@ -1,10 +1,11 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
 const HomebrewAdmin = require('./homebrewAdmin/homebrewAdmin.jsx');
 
-const Admin = React.createClass({
+const Admin = createClass({
 	getDefaultProps : function() {
 		return {
 			url       : '',
diff --git a/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx b/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx
index 1c1e817..32bd747 100644
--- a/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx
+++ b/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 
@@ -6,7 +7,7 @@ const request = require('superagent');
 const Moment = require('moment');
 
 
-const BrewLookup = React.createClass({
+const BrewLookup = createClass({
 	getDefaultProps : function() {
 		return {
 			adminKey : '',
diff --git a/client/admin/homebrewAdmin/brewSearch.jsx b/client/admin/homebrewAdmin/brewSearch.jsx
index 7daeed1..128cb82 100644
--- a/client/admin/homebrewAdmin/brewSearch.jsx
+++ b/client/admin/homebrewAdmin/brewSearch.jsx
@@ -1,10 +1,11 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
 const request = require('superagent');
 
-const BrewSearch = React.createClass({
+const BrewSearch = createClass({
 
 	getDefaultProps : function() {
 		return {
diff --git a/client/admin/homebrewAdmin/homebrewAdmin.jsx b/client/admin/homebrewAdmin/homebrewAdmin.jsx
index 77257fb..094bd9a 100644
--- a/client/admin/homebrewAdmin/homebrewAdmin.jsx
+++ b/client/admin/homebrewAdmin/homebrewAdmin.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const request = require('superagent');
@@ -9,7 +10,7 @@ const Moment = require('moment');
 const BrewLookup = require('./brewLookup/brewLookup.jsx');
 
 
-const HomebrewAdmin = React.createClass({
+const HomebrewAdmin = createClass({
 	getDefaultProps : function() {
 		return {
 			admin_key : ''
diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index 5504cd6..2fd5b95 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -11,7 +12,7 @@ const RenderWarnings = require('homebrewery/renderWarnings/renderWarnings.jsx');
 const PAGE_HEIGHT = 1056;
 const PPR_THRESHOLD = 50;
 
-const BrewRenderer = React.createClass({
+const BrewRenderer = createClass({
 	getDefaultProps : function() {
 		return {
 			text   : '',
diff --git a/client/homebrew/brewRenderer/errorBar/errorBar.jsx b/client/homebrew/brewRenderer/errorBar/errorBar.jsx
index 8c2e396..d5447e7 100644
--- a/client/homebrew/brewRenderer/errorBar/errorBar.jsx
+++ b/client/homebrew/brewRenderer/errorBar/errorBar.jsx
@@ -1,8 +1,9 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 
-const ErrorBar = React.createClass({
+const ErrorBar = createClass({
 	getDefaultProps : function() {
 		return {
 			errors : []
diff --git a/client/homebrew/editor/editor.jsx b/client/homebrew/editor/editor.jsx
index 1351efd..d415fee 100644
--- a/client/homebrew/editor/editor.jsx
+++ b/client/homebrew/editor/editor.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -13,7 +14,7 @@ const splice = function(str, index, inject){
 
 const SNIPPETBAR_HEIGHT = 25;
 
-const Editor = React.createClass({
+const Editor = createClass({
 	getDefaultProps : function() {
 		return {
 			value    : '',
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index f1b5bfb..2aaddb4 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -1,11 +1,12 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 const request = require('superagent');
 
 const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder'];
 
-const MetadataEditor = React.createClass({
+const MetadataEditor = createClass({
 	getDefaultProps : function() {
 		return {
 			metadata : {
diff --git a/client/homebrew/editor/snippetbar/snippetbar.jsx b/client/homebrew/editor/snippetbar/snippetbar.jsx
index a871d08..d5e910e 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.jsx
+++ b/client/homebrew/editor/snippetbar/snippetbar.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 
@@ -12,7 +13,7 @@ const execute = function(val, brew){
 
 
 
-const Snippetbar = React.createClass({
+const Snippetbar = createClass({
 	getDefaultProps : function() {
 		return {
 			brew     : '',
@@ -57,7 +58,7 @@ module.exports = Snippetbar;
 
 
 
-const SnippetGroup = React.createClass({
+const SnippetGroup = createClass({
 	getDefaultProps : function() {
 		return {
 			brew           : '',
diff --git a/client/homebrew/homebrew.jsx b/client/homebrew/homebrew.jsx
index dbb75fe..1eac511 100644
--- a/client/homebrew/homebrew.jsx
+++ b/client/homebrew/homebrew.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -13,7 +14,7 @@ const ErrorPage = require('./pages/errorPage/errorPage.jsx');
 const PrintPage = require('./pages/printPage/printPage.jsx');
 
 let Router;
-const Homebrew = React.createClass({
+const Homebrew = createClass({
 	getDefaultProps : function() {
 		return {
 			url         : '',
diff --git a/client/homebrew/navbar/account.navitem.jsx b/client/homebrew/navbar/account.navitem.jsx
index 35b25f0..d85b35b 100644
--- a/client/homebrew/navbar/account.navitem.jsx
+++ b/client/homebrew/navbar/account.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
diff --git a/client/homebrew/navbar/editTitle.navitem.jsx b/client/homebrew/navbar/editTitle.navitem.jsx
index 25145c8..34c6336 100644
--- a/client/homebrew/navbar/editTitle.navitem.jsx
+++ b/client/homebrew/navbar/editTitle.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const Nav = require('naturalcrit/nav/nav.jsx');
@@ -6,7 +7,7 @@ const Nav = require('naturalcrit/nav/nav.jsx');
 const MAX_TITLE_LENGTH = 50;
 
 
-const EditTitle = React.createClass({
+const EditTitle = createClass({
 	getDefaultProps : function() {
 		return {
 			title    : '',
diff --git a/client/homebrew/navbar/issue.navitem.jsx b/client/homebrew/navbar/issue.navitem.jsx
index 0f2a2f7..d3fc5bf 100644
--- a/client/homebrew/navbar/issue.navitem.jsx
+++ b/client/homebrew/navbar/issue.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
diff --git a/client/homebrew/navbar/navbar.jsx b/client/homebrew/navbar/navbar.jsx
index 65346ac..e9c6030 100644
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -1,9 +1,10 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 
 const Nav = require('naturalcrit/nav/nav.jsx');
 
-const Navbar = React.createClass({
+const Navbar = createClass({
 	getInitialState : function() {
 		return {
 			//showNonChromeWarning : false,
diff --git a/client/homebrew/navbar/patreon.navitem.jsx b/client/homebrew/navbar/patreon.navitem.jsx
index bb39319..e6a9ebe 100644
--- a/client/homebrew/navbar/patreon.navitem.jsx
+++ b/client/homebrew/navbar/patreon.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
diff --git a/client/homebrew/navbar/print.navitem.jsx b/client/homebrew/navbar/print.navitem.jsx
index 1577735..7d1509a 100644
--- a/client/homebrew/navbar/print.navitem.jsx
+++ b/client/homebrew/navbar/print.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
diff --git a/client/homebrew/navbar/recent.navitem.jsx b/client/homebrew/navbar/recent.navitem.jsx
index e2a6daf..f4b575a 100644
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const Moment = require('moment');
@@ -8,7 +9,7 @@ const Nav = require('naturalcrit/nav/nav.jsx');
 const VIEW_KEY = 'homebrewery-recently-viewed';
 const EDIT_KEY = 'homebrewery-recently-edited';
 
-const BaseItem = React.createClass({
+const BaseItem = createClass({
 	getDefaultProps : function() {
 		return {
 			storageKey  : '',
@@ -81,7 +82,7 @@ const BaseItem = React.createClass({
 
 
 module.exports = {
-	viewed : React.createClass({
+	viewed : createClass({
 		getDefaultProps : function() {
 			return {
 				brew : {
@@ -101,7 +102,7 @@ module.exports = {
 		},
 	}),
 
-	edited : React.createClass({
+	edited : createClass({
 		getDefaultProps : function() {
 			return {
 				brew : {
@@ -121,7 +122,7 @@ module.exports = {
 		},
 	}),
 
-	both : React.createClass({
+	both : createClass({
 		getDefaultProps : function() {
 			return {
 				errorId : null
diff --git a/client/homebrew/navbar/reddit.navitem.jsx b/client/homebrew/navbar/reddit.navitem.jsx
index b08e4d8..07a036b 100644
--- a/client/homebrew/navbar/reddit.navitem.jsx
+++ b/client/homebrew/navbar/reddit.navitem.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -10,7 +11,7 @@ const MAX_URL_SIZE = 2083;
 const MAIN_URL = 'https://www.reddit.com/r/UnearthedArcana/submit?selftext=true';
 
 
-const RedditShare = React.createClass({
+const RedditShare = createClass({
 	getDefaultProps : function() {
 		return {
 			brew : {
diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx
index 60bcabc..23d6572 100644
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const request = require('superagent');
@@ -20,7 +21,7 @@ const Markdown = require('naturalcrit/markdown.js');
 const SAVE_TIMEOUT = 3000;
 
 
-const EditPage = React.createClass({
+const EditPage = createClass({
 	getDefaultProps : function() {
 		return {
 			brew : {
diff --git a/client/homebrew/pages/errorPage/errorPage.jsx b/client/homebrew/pages/errorPage/errorPage.jsx
index 3595658..42fb8a6 100644
--- a/client/homebrew/pages/errorPage/errorPage.jsx
+++ b/client/homebrew/pages/errorPage/errorPage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -10,7 +11,7 @@ const RecentNavItem = require('../../navbar/recent.navitem.jsx');
 
 const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
 
-const ErrorPage = React.createClass({
+const ErrorPage = createClass({
 	getDefaultProps : function() {
 		return {
 			ver     : '0.0.0',
diff --git a/client/homebrew/pages/homePage/homePage.jsx b/client/homebrew/pages/homePage/homePage.jsx
index 3e3636b..a62b68d 100644
--- a/client/homebrew/pages/homePage/homePage.jsx
+++ b/client/homebrew/pages/homePage/homePage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const request = require('superagent');
@@ -17,12 +18,14 @@ const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
 
 
 
-const HomePage = React.createClass({
+const HomePage = createClass({
 	getDefaultProps : function() {
 		return {
 			welcomeText : '',
 			ver         : '0.0.0'
 		};
+
+
 	},
 	getInitialState : function() {
 		return {
diff --git a/client/homebrew/pages/newPage/newPage.jsx b/client/homebrew/pages/newPage/newPage.jsx
index 16ac3c6..169265f 100644
--- a/client/homebrew/pages/newPage/newPage.jsx
+++ b/client/homebrew/pages/newPage/newPage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 const request = require('superagent');
@@ -17,7 +18,7 @@ const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
 
 const KEY = 'homebrewery-new';
 
-const NewPage = React.createClass({
+const NewPage = createClass({
 	getInitialState : function() {
 		return {
 			metadata : {
diff --git a/client/homebrew/pages/printPage/printPage.jsx b/client/homebrew/pages/printPage/printPage.jsx
index a7e8c74..8facee3 100644
--- a/client/homebrew/pages/printPage/printPage.jsx
+++ b/client/homebrew/pages/printPage/printPage.jsx
@@ -1,9 +1,10 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 const Markdown = require('naturalcrit/markdown.js');
 
-const PrintPage = React.createClass({
+const PrintPage = createClass({
 	getDefaultProps : function() {
 		return {
 			query : {},
diff --git a/client/homebrew/pages/sharePage/sharePage.jsx b/client/homebrew/pages/sharePage/sharePage.jsx
index dd87d04..b9c07a9 100644
--- a/client/homebrew/pages/sharePage/sharePage.jsx
+++ b/client/homebrew/pages/sharePage/sharePage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -13,7 +14,7 @@ const Account = require('../../navbar/account.navitem.jsx');
 const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
 
 
-const SharePage = React.createClass({
+const SharePage = createClass({
 	getDefaultProps : function() {
 		return {
 			brew : {
diff --git a/client/homebrew/pages/userPage/brewItem/brewItem.jsx b/client/homebrew/pages/userPage/brewItem/brewItem.jsx
index 293e56b..cc4a3cd 100644
--- a/client/homebrew/pages/userPage/brewItem/brewItem.jsx
+++ b/client/homebrew/pages/userPage/brewItem/brewItem.jsx
@@ -1,10 +1,11 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 const moment = require('moment');
 const request = require('superagent');
 
-const BrewItem = React.createClass({
+const BrewItem = createClass({
 	getDefaultProps : function() {
 		return {
 			brew : {
diff --git a/client/homebrew/pages/userPage/userPage.jsx b/client/homebrew/pages/userPage/userPage.jsx
index 35143ed..3b7cd7d 100644
--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 
@@ -17,7 +18,7 @@ const BrewItem = require('./brewItem/brewItem.jsx');
 //const BREWS = _.times(25, ()=>{ return brew;});
 
 
-const UserPage = React.createClass({
+const UserPage = createClass({
 	getDefaultProps : function() {
 		return {
 			username : '',
diff --git a/scripts/build.js b/scripts/build.js
index fb4f955..22c35da 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -11,10 +11,10 @@ const Proj = require('./project.json');
 
 clean()
 	.then(lib(Proj.libs))
-	.then(()=>jsx('homebrew', './client/homebrew/homebrew.jsx', {libs: Proj.libs, shared : ['./shared']}))
-	.then((deps)=>less('homebrew', {shared: ['./shared']}, deps))
-	.then(()=>jsx('admin', './client/admin/admin.jsx', {libs: Proj.libs, shared: ['./shared']}))
-	.then((deps)=>less('admin', {shared: ['./shared']}, deps))
+	.then(()=>jsx('homebrew', './client/homebrew/homebrew.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('homebrew', { shared: ['./shared'] }, deps))
+	.then(()=>jsx('admin', './client/admin/admin.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('admin', { shared: ['./shared'] }, deps))
 	.then(()=>asset(Proj.assets, ['./shared', './client']))
 	.then(console.timeEnd.bind(console, label))
 	.catch(console.error);
\ No newline at end of file
diff --git a/scripts/dev.js b/scripts/dev.js
index f1dbdba..45f6c3d 100644
--- a/scripts/dev.js
+++ b/scripts/dev.js
@@ -10,10 +10,10 @@ const livereload = require('vitreum/steps/livereload.js');
 const Proj = require('./project.json');
 
 Promise.resolve()
-	.then(()=>jsx('homebrew', './client/homebrew/homebrew.jsx', {libs: Proj.libs, shared : ['./shared']}))
-	.then((deps)=>less('homebrew', {shared: ['./shared']}, deps))
-	.then(()=>jsx('admin', './client/admin/admin.jsx', {libs: Proj.libs, shared: ['./shared']}))
-	.then((deps)=>less('admin', {shared: ['./shared']}, deps))
+	.then(()=>jsx('homebrew', './client/homebrew/homebrew.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('homebrew', { shared: ['./shared'] }, deps))
+	.then(()=>jsx('admin', './client/admin/admin.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('admin', { shared: ['./shared'] }, deps))
 
 	.then(()=>assets(Proj.assets, ['./shared', './client']))
 	.then(()=>livereload())
diff --git a/scripts/project.json b/scripts/project.json
index b39bc90..fab7063 100644
--- a/scripts/project.json
+++ b/scripts/project.json
@@ -5,6 +5,7 @@
 	"libs" : [
 		"react",
 		"react-dom",
+		"create-react-class",
 		"lodash",
 		"classnames",
 		"codemirror",
diff --git a/shared/homebrewery/renderWarnings/renderWarnings.jsx b/shared/homebrewery/renderWarnings/renderWarnings.jsx
index f3f2861..cd5b011 100644
--- a/shared/homebrewery/renderWarnings/renderWarnings.jsx
+++ b/shared/homebrewery/renderWarnings/renderWarnings.jsx
@@ -1,11 +1,12 @@
 
 const React = require('react');
+const createClass = require('create-react-class');
 const _     = require('lodash');
 const cx    = require('classnames');
 
 const DISMISS_KEY = 'dismiss_render_warning';
 
-const RenderWarnings = React.createClass({
+const RenderWarnings = createClass({
 	getInitialState : function() {
 		return {
 			warnings : {}
diff --git a/shared/naturalcrit/codeEditor/codeEditor.jsx b/shared/naturalcrit/codeEditor/codeEditor.jsx
index a8192c2..38f0ff4 100644
--- a/shared/naturalcrit/codeEditor/codeEditor.jsx
+++ b/shared/naturalcrit/codeEditor/codeEditor.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
@@ -13,7 +14,7 @@ if(typeof navigator !== 'undefined'){
 }
 
 
-const CodeEditor = React.createClass({
+const CodeEditor = createClass({
 	getDefaultProps : function() {
 		return {
 			language         : '',
diff --git a/shared/naturalcrit/nav/nav.jsx b/shared/naturalcrit/nav/nav.jsx
index f311836..b8c89f5 100644
--- a/shared/naturalcrit/nav/nav.jsx
+++ b/shared/naturalcrit/nav/nav.jsx
@@ -1,11 +1,12 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
 const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');
 
 const Nav = {
-	base : React.createClass({
+	base : createClass({
 		render : function(){
 			return <nav>
 				<div className='navContent'>
@@ -23,7 +24,7 @@ const Nav = {
 		</a>;
 	},
 
-	section : React.createClass({
+	section : createClass({
 		render : function(){
 			return <div className='navSection'>
 				{this.props.children}
@@ -31,7 +32,7 @@ const Nav = {
 		}
 	}),
 
-	item : React.createClass({
+	item : createClass({
 		getDefaultProps : function() {
 			return {
 				icon    : null,
diff --git a/shared/naturalcrit/splitPane/splitPane.jsx b/shared/naturalcrit/splitPane/splitPane.jsx
index 7a1a79a..b7f5283 100644
--- a/shared/naturalcrit/splitPane/splitPane.jsx
+++ b/shared/naturalcrit/splitPane/splitPane.jsx
@@ -1,8 +1,9 @@
 const React = require('react');
+const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');
 
-const SplitPane = React.createClass({
+const SplitPane = createClass({
 	getDefaultProps : function() {
 		return {
 			storageKey   : 'naturalcrit-pane-split',
@@ -75,7 +76,7 @@ const SplitPane = React.createClass({
 
 
 
-const Pane = React.createClass({
+const Pane = createClass({
 	getDefaultProps : function() {
 		return {
 			width : null
diff --git a/shared/naturalcrit/svg/homebrew.svg.jsx b/shared/naturalcrit/svg/homebrew.svg.jsx
index 138bd35..4940578 100644
--- a/shared/naturalcrit/svg/homebrew.svg.jsx
+++ b/shared/naturalcrit/svg/homebrew.svg.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const createClass = require('create-react-class');
 
 module.exports = function(props){
 	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 90 112.5' enableBackground='new 0 0 90 90' >
diff --git a/shared/naturalcrit/svg/naturalcrit.svg.jsx b/shared/naturalcrit/svg/naturalcrit.svg.jsx
index b48ccea..1482b55 100644
--- a/shared/naturalcrit/svg/naturalcrit.svg.jsx
+++ b/shared/naturalcrit/svg/naturalcrit.svg.jsx
@@ -1,5 +1,6 @@
 const React = require('react');
+const createClass = require('create-react-class');
 
 module.exports = function(props){
 	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enableBackground='new 0 0 100 100'><path d='M80.644,87.982l16.592-41.483c0.054-0.128,0.088-0.26,0.108-0.394c0.006-0.039,0.007-0.077,0.011-0.116  c0.007-0.087,0.008-0.174,0.002-0.26c-0.003-0.046-0.007-0.091-0.014-0.137c-0.014-0.089-0.036-0.176-0.063-0.262  c-0.012-0.034-0.019-0.069-0.031-0.103c-0.047-0.118-0.106-0.229-0.178-0.335c-0.004-0.006-0.006-0.012-0.01-0.018L67.999,3.358  c-0.01-0.013-0.003-0.026-0.013-0.04L68,3.315V4c0,0-0.033,0-0.037,0c-0.403-1-1.094-1.124-1.752-0.976  c0,0.004-0.004-0.012-0.007-0.012C66.201,3.016,66.194,3,66.194,3H66.19h-0.003h-0.003h-0.004h-0.003c0,0-0.004,0-0.007,0  s-0.003-0.151-0.007-0.151L20.495,15.227c-0.025,0.007-0.046-0.019-0.071-0.011c-0.087,0.028-0.172,0.041-0.253,0.083  c-0.054,0.027-0.102,0.053-0.152,0.085c-0.051,0.033-0.101,0.061-0.147,0.099c-0.044,0.036-0.084,0.073-0.124,0.113  c-0.048,0.048-0.093,0.098-0.136,0.152c-0.03,0.039-0.059,0.076-0.085,0.117c-0.046,0.07-0.084,0.145-0.12,0.223  c-0.011,0.023-0.027,0.042-0.036,0.066L2.911,57.664C2.891,57.715,3,57.768,3,57.82v0.002c0,0.186,0,0.375,0,0.562  c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004v0.002c0,0.074-0.002,0.15,0.012,0.223  C3.015,58.631,3,58.631,3,58.633c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004c0,0,0,0,0,0.002v0.004  c0,0.191-0.046,0.377,0.06,0.545c0-0.002-0.03,0.004-0.03,0.004c0,0.004-0.03,0.004-0.03,0.004c0,0.002,0,0.002,0,0.002  l-0.045,0.004c0.03,0.047,0.036,0.09,0.068,0.133l29.049,37.359c0.002,0.004,0,0.006,0.002,0.01c0.002,0.002,0,0.004,0.002,0.008  c0.006,0.008,0.014,0.014,0.021,0.021c0.024,0.029,0.052,0.051,0.078,0.078c0.027,0.029,0.053,0.057,0.082,0.082  c0.03,0.027,0.055,0.062,0.086,0.088c0.026,0.02,0.057,0.033,0.084,0.053c0.04,0.027,0.081,0.053,0.123,0.076  c0.005,0.004,0.01,0.008,0.016,0.01c0.087,0.051,0.176,0.09,0.269,0.123c0.042,0.014,0.082,0.031,0.125,0.043  c0.021,0.006,0.041,0.018,0.062,0.021c0.123,0.027,0.249,0.043,0.375,0.043c0.099,0,0.202-0.012,0.304-0.027l45.669-8.303  c0.057-0.01,0.108-0.021,0.163-0.037C79.547,88.992,79.562,89,79.575,89c0.004,0,0.004,0,0.004,0c0.021,0,0.039-0.027,0.06-0.035  c0.041-0.014,0.08-0.034,0.12-0.052c0.021-0.01,0.044-0.019,0.064-0.03c0.017-0.01,0.026-0.015,0.033-0.017  c0.014-0.008,0.023-0.021,0.037-0.028c0.14-0.078,0.269-0.174,0.38-0.285c0.014-0.016,0.024-0.034,0.038-0.048  c0.109-0.119,0.201-0.252,0.271-0.398c0.006-0.01,0.016-0.018,0.021-0.029c0.004-0.008,0.008-0.017,0.011-0.026  c0.002-0.004,0.003-0.006,0.005-0.01C80.627,88.021,80.635,88.002,80.644,87.982z M77.611,84.461L48.805,66.453l32.407-25.202  L77.611,84.461z M46.817,63.709L35.863,23.542l43.818,14.608L46.817,63.709z M84.668,40.542l8.926,5.952l-11.902,29.75  L84.668,40.542z M89.128,39.446L84.53,36.38l-6.129-12.257L89.128,39.446z M79.876,34.645L37.807,20.622L65.854,6.599L79.876,34.645  z M33.268,19.107l-6.485-2.162l23.781-6.487L33.268,19.107z M21.92,18.895l8.67,2.891L10.357,47.798L21.92,18.895z M32.652,24.649  l10.845,39.757L7.351,57.178L32.652,24.649z M43.472,67.857L32.969,92.363L8.462,60.855L43.472,67.857z M46.631,69.09l27.826,17.393  l-38.263,6.959L46.631,69.09z'></path></svg>;
-};
+};
\ No newline at end of file