diff --git a/gridsome.server.js b/gridsome.server.js
index c2dfcd1c..e87a4c54 100644
--- a/gridsome.server.js
+++ b/gridsome.server.js
@@ -18,7 +18,6 @@ module.exports = function (api) {
         .test(/\.jsx?$/)
         .use()
           .loader('babel-loader')
-          // .options({ appendTsSuffixTo: [/\.vue$/] })
     
     globby.sync('./packages/*', { onlyDirectories: true })
       .map(name => name.replace('./packages/', ''))
diff --git a/src/components/ReactTestComponent/index.jsx b/src/components/ReactTestComponent/index.jsx
index a45223a5..501a59e5 100644
--- a/src/components/ReactTestComponent/index.jsx
+++ b/src/components/ReactTestComponent/index.jsx
@@ -11,14 +11,28 @@ export default class TestComponent extends Component {
   componentDidMount() {
     this.editor = new Editor({
       element: this.editorNode.current,
-      content: '<p>this is rendered in react</p>',
+      content: '<p>rendered in <strong>react</strong></p>',
       extensions: extensions(),
     })
+    this.forceUpdate()
   }
 
   render() {
     return (
       <div>
+        {this.editor &&
+          <div>
+            <button onClick={() => this.editor.focus().removeMarks()}>
+              clear formatting
+            </button>
+            <button
+              onClick={() => this.editor.focus().bold()}
+              className={`${this.editor.isActive('bold') ? 'is-active' : ''}`}
+            >
+              bold
+            </button>
+          </div>
+        } 
         <div ref={this.editorNode} />
       </div>
     )