Up version and some clean up of the example

Author: securingsincity

example/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'react-dom';
-import AceEditor from 'react-ace';
+import AceEditor from '../src/ace.jsx';
 import brace from 'brace';
 
 import 'brace/mode/java';

example/webpack.config.js

@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     './index'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ace",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "description": "A react component for Ace Editor",
   "main": "lib/ace.js",
   "types": "types.d.ts",

src/ace.jsx

@@ -85,7 +85,7 @@ export default class ReactAce extends Component {
     this.handleOptions(this.props);
     this.editor.getSession().setAnnotations(annotations || []);
     if(markers && markers.length > 0){
-      this.handleMarkers(markers);  
+      this.handleMarkers(markers);
     }
 
     // get a list of possible options to avoid 'misspelled option errors'
@@ -172,8 +172,8 @@ export default class ReactAce extends Component {
     if (!isEqual(nextProps.annotations, oldProps.annotations)) {
       this.editor.getSession().setAnnotations(nextProps.annotations || []);
     }
-    if (!isEqual(nextProps.markers, oldProps.markers)) {
-      this.handleMarkers(nextProps.markers || []);
+    if (!isEqual(nextProps.markers, oldProps.markers) && (nextProps.markers && nextProps.markers.length > 0)) {
+      this.handleMarkers(markers);
     }
     if (!isEqual(nextProps.scrollMargins, oldProps.scrollMargins)) {
       this.handleScrollMargins(nextProps.scrollMargins)