Support more module targets and typo fix

Author: thisisrajat

src/utils.js

@@ -15,5 +15,5 @@ export function getNamespace(WrapperComponent, WrapperComponentInstance) {
     return WrapperComponent.localStorageNamespace(WrapperComponentInstance.props, WrapperComponentInstance.state);
   }
 
-  console.error('need to define a key');
+  console.error('Namespace is missing for the wrapped component. Make sure your component has localStorageNamespace present.');
 }

src/withLocalStorage.js

@@ -8,7 +8,11 @@ function withLocalStorage(WrapperComponent, options) {
   function localStorageMiddleWare (callback, _this) {
     const stateObj = pick(_this.state, keysToSync);
     const namespace = getNamespace(WrapperComponent, _this);
-    localStorage.setItem(namespace, JSON.stringify(stateObj));
+    try {
+      localStorage.setItem(namespace, JSON.stringify(stateObj));
+    } catch (e) {
+      console.error(e);
+    }
     callback.call(_this);
   }
 

webpack.config.js

@@ -30,7 +30,19 @@ module.exports = {
   },
 
   externals: {
-    react: 'React',
-    'react-dom': 'ReactDOM',
+    "react": {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react',
+      umd: 'react',
+    },
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs2: 'react-dom',
+      commonjs: 'react-dom',
+      amd: 'react-dom',
+      umd: 'react-dom'
+    },
   }
 }