mobx-react-lite - npm Package Compare versions

Comparing version 2.0.0-alpha.4 to 2.0.0-alpha.5

dist/mobxreactlite.cjs.development.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
@@ -91,3 +93,3 @@
 function recordReactionAsCommitted(reactionRef) {
-  uncommittedReactionRefs["delete"](reactionRef);
+  uncommittedReactionRefs.delete(reactionRef);
 }
@@ -124,3 +126,3 @@ /**
         ref.current = null;
-        uncommittedReactionRefs["delete"](ref);
+        uncommittedReactionRefs.delete(ref);
       }
@@ -309,3 +311,3 @@ }
   Object.keys(base).forEach(function (key) {
-    if (base.hasOwnProperty(key) && !hoistBlackList[key]) {
+    if (Reflect.has(base, key) && !hoistBlackList[key]) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));
@@ -312,0 +314,0 @@ }

dist/mobxreactlite.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";var e,r=require("mobx"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;if(!t.useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!r.spy)throw new Error("mobx-react-lite requires mobx at least version 4 to be available");var o=!1;function u(){return o}function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function c(e){return r.getDependencyTree(e)}var a,f=1e4,s=1e4,p=new Set;function l(){void 0===a&&(a=setTimeout(d,s))}function d(){a=void 0;var e=Date.now(),r=p,t=Array.isArray(r),n=0;for(r=t?r:r[Symbol.iterator]();;){var o;if(t){if(n>=r.length)break;o=r[n++]}else{if((n=r.next()).done)break;o=n.value}var u=o,i=u.current;i&&e>=i.cleanAt&&(i.reaction.dispose(),u.current=null,p.delete(u))}p.size>0&&l()}function v(){var e=t.useState(0)[1];return t.useCallback(function(){e(function(e){return e+1})},[])}var b={};function y(e){return"observer"+e}function h(e,t,o){if(void 0===t&&(t="observed"),void 0===o&&(o=b),u())return e();var i=(o.useForceUpdate||v)(),a=n.useRef(null);if(!a.current){var s=new r.Reaction(y(t),function(){d.mounted?i():(s.dispose(),a.current=null)}),d=function(e){return{cleanAt:Date.now()+f,reaction:e}}(s);a.current=d,p.add(a),l()}var h,w,m=a.current.reaction;if(n.useDebugValue(m,c),n.useEffect(function(){return p.delete(a),a.current?a.current.mounted=!0:(a.current={reaction:new r.Reaction(y(t),function(){i()}),cleanAt:Infinity},i()),function(){a.current.reaction.dispose(),a.current=null}},[]),m.track(function(){try{h=e()}catch(e){w=e}}),w)throw w;return h}var w={$$typeof:!0,render:!0,compare:!0,type:!0};function m(e){var r=e.children||e.render;return"function"!=typeof r?null:h(r)}function O(e,r,t,n,o){var u="function"==typeof e[r],i="function"==typeof e["children"===r?"render":"children"];return u&&i?new Error("MobX Observer: Do not use children and render in the same time in`"+t):u||i?null:new Error("Invalid prop `"+o+"` of type `"+typeof e[r]+"` supplied to `"+t+"`, expected `function`.")}function x(e,t){if(!t||void 0!==e){var o=n.useState(function(){return r.observable(e,{},{deep:!1})})[0];return r.runInAction(function(){Object.assign(o,e)}),o}}m.propTypes={children:O,render:O},m.displayName="Observer",exports.Observer=m,exports.isUsingStaticRendering=u,exports.observer=function(e,r){if(u())return e;var n,o,c,a=i({forwardRef:!1},r),f=e.displayName||e.name,s=function(r,t){return h(function(){return e(r,t)},f)};return s.displayName=f,n=t.memo(a.forwardRef?t.forwardRef(s):s),o=e,c=n,Object.keys(o).forEach(function(e){o.hasOwnProperty(e)&&!w[e]&&Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(o,e))}),n.displayName=f,n},exports.optimizeScheduler=function(e){"function"==typeof e&&r.configure({reactionScheduler:e})},exports.useAsObservableSource=function(e){return x(e,!1)},exports.useForceUpdate=v,exports.useLocalStore=function(e,t){var o=x(t,!0);return n.useState(function(){var t=r.observable(e(o));return function(e){if(!t||"object"!=typeof t)return!1;var r=Object.getPrototypeOf(t);return!r||r===Object.prototype}()&&r.runInAction(function(){Object.keys(t).forEach(function(e){var n,o,u=t[e];"function"==typeof u&&(t[e]=(n=u,o=t,function(){for(var e=arguments.length,t=new Array(e),u=0;u<e;u++)t[u]=arguments[u];return r.transaction(function(){return n.apply(o,t)})}))})}),t})[0]},exports.useObserver=h,exports.useStaticRendering=function(e){o=e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("mobx"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;if(!t.useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!r.spy)throw new Error("mobx-react-lite requires mobx at least version 4 to be available");var o=!1;function u(){return o}function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function c(e){return r.getDependencyTree(e)}var a,f=new Set;function s(){void 0===a&&(a=setTimeout(p,1e4))}function p(){a=void 0;var e=Date.now(),r=f,t=Array.isArray(r),n=0;for(r=t?r:r[Symbol.iterator]();;){var o;if(t){if(n>=r.length)break;o=r[n++]}else{if((n=r.next()).done)break;o=n.value}var u=o,i=u.current;i&&e>=i.cleanAt&&(i.reaction.dispose(),u.current=null,f.delete(u))}f.size>0&&s()}function l(){var e=t.useState(0)[1];return t.useCallback((function(){e((function(e){return e+1}))}),[])}var d={};function v(e){return"observer"+e}function b(e,t,o){if(void 0===t&&(t="observed"),void 0===o&&(o=d),u())return e();var i=(o.useForceUpdate||l)(),a=n.useRef(null);if(!a.current){var p=new r.Reaction(v(t),(function(){b.mounted?i():(p.dispose(),a.current=null)})),b=function(e){return{cleanAt:Date.now()+1e4,reaction:e}}(p);a.current=b,f.add(a),s()}var y,h,m=a.current.reaction;if(n.useDebugValue(m,c),n.useEffect((function(){return f.delete(a),a.current?a.current.mounted=!0:(a.current={reaction:new r.Reaction(v(t),(function(){i()})),cleanAt:Infinity},i()),function(){a.current.reaction.dispose(),a.current=null}}),[]),m.track((function(){try{y=e()}catch(e){h=e}})),h)throw h;return y}var y={$$typeof:!0,render:!0,compare:!0,type:!0};function h(e){var r=e.children||e.render;return"function"!=typeof r?null:b(r)}function m(e,r,t,n,o){var u="function"==typeof e[r],i="function"==typeof e["children"===r?"render":"children"];return u&&i?new Error("MobX Observer: Do not use children and render in the same time in`"+t):u||i?null:new Error("Invalid prop `"+o+"` of type `"+typeof e[r]+"` supplied to `"+t+"`, expected `function`.")}function w(e,t){if(!t||void 0!==e){var o=n.useState((function(){return r.observable(e,{},{deep:!1})}))[0];return r.runInAction((function(){Object.assign(o,e)})),o}}h.propTypes={children:m,render:m},h.displayName="Observer",exports.Observer=h,exports.isUsingStaticRendering=u,exports.observer=function(e,r){if(u())return e;var n,o,c,a=i({forwardRef:!1},r),f=e.displayName||e.name,s=function(r,t){return b((function(){return e(r,t)}),f)};return s.displayName=f,n=t.memo(a.forwardRef?t.forwardRef(s):s),o=e,c=n,Object.keys(o).forEach((function(e){Reflect.has(o,e)&&!y[e]&&Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(o,e))})),n.displayName=f,n},exports.optimizeScheduler=function(e){"function"==typeof e&&r.configure({reactionScheduler:e})},exports.useAsObservableSource=function(e){return w(e,!1)},exports.useForceUpdate=l,exports.useLocalStore=function(e,t){var o=w(t,!0);return n.useState((function(){var t=r.observable(e(o));return function(e){if(!e||"object"!=typeof e)return!1;var r=Object.getPrototypeOf(e);return!r||r===Object.prototype}(t)&&r.runInAction((function(){Object.keys(t).forEach((function(e){var n,o,u=t[e];"function"==typeof u&&(t[e]=(n=u,o=t,function(){for(var e=arguments.length,t=new Array(e),u=0;u<e;u++)t[u]=arguments[u];return r.transaction((function(){return n.apply(o,t)}))}))}))})),t}))[0]},exports.useObserver=b,exports.useStaticRendering=function(e){o=e};
 //# sourceMappingURL=mobxreactlite.cjs.production.min.js.map

dist/mobxreactlite.esm.js

@@ -86,3 +86,3 @@ import { spy, getDependencyTree, Reaction, observable, runInAction, transaction, configure } from 'mobx';
 function recordReactionAsCommitted(reactionRef) {
-  uncommittedReactionRefs["delete"](reactionRef);
+  uncommittedReactionRefs.delete(reactionRef);
 }
@@ -119,3 +119,3 @@ /**
         ref.current = null;
-        uncommittedReactionRefs["delete"](ref);
+        uncommittedReactionRefs.delete(ref);
       }
@@ -304,3 +304,3 @@ }
   Object.keys(base).forEach(function (key) {
-    if (base.hasOwnProperty(key) && !hoistBlackList[key]) {
+    if (Reflect.has(base, key) && !hoistBlackList[key]) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));
@@ -307,0 +307,0 @@ }

dist/mobxreactlite.umd.development.js

@@ -5,3 +5,3 @@ (function (global, factory) {
     (global = global || self, factory(global.mobxReactLite = {}, global.mobx, global.React));
-}(this, function (exports, mobx, React) { 'use strict';
+}(this, (function (exports, mobx, React) { 'use strict';
 
@@ -92,3 +92,3 @@ var React__default = 'default' in React ? React['default'] : React;
     function recordReactionAsCommitted(reactionRef) {
-      uncommittedReactionRefs["delete"](reactionRef);
+      uncommittedReactionRefs.delete(reactionRef);
     }
@@ -125,3 +125,3 @@ /**
             ref.current = null;
-            uncommittedReactionRefs["delete"](ref);
+            uncommittedReactionRefs.delete(ref);
           }
@@ -310,3 +310,3 @@ }
       Object.keys(base).forEach(function (key) {
-        if (base.hasOwnProperty(key) && !hoistBlackList[key]) {
+        if (Reflect.has(base, key) && !hoistBlackList[key]) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));
@@ -434,3 +434,5 @@ }
 
-}));
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
 //# sourceMappingURL=mobxreactlite.umd.development.js.map

dist/mobxreactlite.umd.production.min.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("mobx"),require("react")):"function"==typeof define&&define.amd?define(["exports","mobx","react"],r):r((e=e||self).mobxReactLite={},e.mobx,e.React)}(this,function(e,r,n){"use strict";var t="default"in n?n.default:n;if(!n.useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!r.spy)throw new Error("mobx-react-lite requires mobx at least version 4 to be available");var o=!1;function i(){return o}function u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function c(e){return r.getDependencyTree(e)}var a,f=1e4,s=1e4,l=new Set;function d(){void 0===a&&(a=setTimeout(p,s))}function p(){a=void 0;var e=Date.now(),r=l,n=Array.isArray(r),t=0;for(r=n?r:r[Symbol.iterator]();;){var o;if(n){if(t>=r.length)break;o=r[t++]}else{if((t=r.next()).done)break;o=t.value}var i=o,u=i.current;u&&e>=u.cleanAt&&(u.reaction.dispose(),i.current=null,l.delete(i))}l.size>0&&d()}function v(){var e=n.useState(0)[1];return n.useCallback(function(){e(function(e){return e+1})},[])}var b={};function y(e){return"observer"+e}function m(e,n,o){if(void 0===n&&(n="observed"),void 0===o&&(o=b),i())return e();var u=(o.useForceUpdate||v)(),a=t.useRef(null);if(!a.current){var s=new r.Reaction(y(n),function(){p.mounted?u():(s.dispose(),a.current=null)}),p=function(e){return{cleanAt:Date.now()+f,reaction:e}}(s);a.current=p,l.add(a),d()}var m,h,w=a.current.reaction;if(t.useDebugValue(w,c),t.useEffect(function(){return l.delete(a),a.current?a.current.mounted=!0:(a.current={reaction:new r.Reaction(y(n),function(){u()}),cleanAt:Infinity},u()),function(){a.current.reaction.dispose(),a.current=null}},[]),w.track(function(){try{m=e()}catch(e){h=e}}),h)throw h;return m}var h={$$typeof:!0,render:!0,compare:!0,type:!0};function w(e){var r=e.children||e.render;return"function"!=typeof r?null:m(r)}function O(e,r,n,t,o){var i="function"==typeof e[r],u="function"==typeof e["children"===r?"render":"children"];return i&&u?new Error("MobX Observer: Do not use children and render in the same time in`"+n):i||u?null:new Error("Invalid prop `"+o+"` of type `"+typeof e[r]+"` supplied to `"+n+"`, expected `function`.")}function g(e,n){if(!n||void 0!==e){var o=t.useState(function(){return r.observable(e,{},{deep:!1})})[0];return r.runInAction(function(){Object.assign(o,e)}),o}}w.propTypes={children:O,render:O},w.displayName="Observer",e.Observer=w,e.isUsingStaticRendering=i,e.observer=function(e,r){if(i())return e;var t,o,c,a=u({forwardRef:!1},r),f=e.displayName||e.name,s=function(r,n){return m(function(){return e(r,n)},f)};return s.displayName=f,t=n.memo(a.forwardRef?n.forwardRef(s):s),o=e,c=t,Object.keys(o).forEach(function(e){o.hasOwnProperty(e)&&!h[e]&&Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(o,e))}),t.displayName=f,t},e.optimizeScheduler=function(e){"function"==typeof e&&r.configure({reactionScheduler:e})},e.useAsObservableSource=function(e){return g(e,!1)},e.useForceUpdate=v,e.useLocalStore=function(e,n){var o=g(n,!0);return t.useState(function(){var n=r.observable(e(o));return function(e){if(!n||"object"!=typeof n)return!1;var r=Object.getPrototypeOf(n);return!r||r===Object.prototype}()&&r.runInAction(function(){Object.keys(n).forEach(function(e){var t,o,i=n[e];"function"==typeof i&&(n[e]=(t=i,o=n,function(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return r.transaction(function(){return t.apply(o,n)})}))})}),n})[0]},e.useObserver=m,e.useStaticRendering=function(e){o=e}});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("mobx"),require("react")):"function"==typeof define&&define.amd?define(["exports","mobx","react"],r):r((e=e||self).mobxReactLite={},e.mobx,e.React)}(this,(function(e,r,n){"use strict";var t="default"in n?n.default:n;if(!n.useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!r.spy)throw new Error("mobx-react-lite requires mobx at least version 4 to be available");var o=!1;function i(){return o}function u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function c(e){return r.getDependencyTree(e)}var a,f=new Set;function s(){void 0===a&&(a=setTimeout(l,1e4))}function l(){a=void 0;var e=Date.now(),r=f,n=Array.isArray(r),t=0;for(r=n?r:r[Symbol.iterator]();;){var o;if(n){if(t>=r.length)break;o=r[t++]}else{if((t=r.next()).done)break;o=t.value}var i=o,u=i.current;u&&e>=u.cleanAt&&(u.reaction.dispose(),i.current=null,f.delete(i))}f.size>0&&s()}function d(){var e=n.useState(0)[1];return n.useCallback((function(){e((function(e){return e+1}))}),[])}var p={};function v(e){return"observer"+e}function b(e,n,o){if(void 0===n&&(n="observed"),void 0===o&&(o=p),i())return e();var u=(o.useForceUpdate||d)(),a=t.useRef(null);if(!a.current){var l=new r.Reaction(v(n),(function(){b.mounted?u():(l.dispose(),a.current=null)})),b=function(e){return{cleanAt:Date.now()+1e4,reaction:e}}(l);a.current=b,f.add(a),s()}var y,m,h=a.current.reaction;if(t.useDebugValue(h,c),t.useEffect((function(){return f.delete(a),a.current?a.current.mounted=!0:(a.current={reaction:new r.Reaction(v(n),(function(){u()})),cleanAt:Infinity},u()),function(){a.current.reaction.dispose(),a.current=null}}),[]),h.track((function(){try{y=e()}catch(e){m=e}})),m)throw m;return y}var y={$$typeof:!0,render:!0,compare:!0,type:!0};function m(e){var r=e.children||e.render;return"function"!=typeof r?null:b(r)}function h(e,r,n,t,o){var i="function"==typeof e[r],u="function"==typeof e["children"===r?"render":"children"];return i&&u?new Error("MobX Observer: Do not use children and render in the same time in`"+n):i||u?null:new Error("Invalid prop `"+o+"` of type `"+typeof e[r]+"` supplied to `"+n+"`, expected `function`.")}function w(e,n){if(!n||void 0!==e){var o=t.useState((function(){return r.observable(e,{},{deep:!1})}))[0];return r.runInAction((function(){Object.assign(o,e)})),o}}m.propTypes={children:h,render:h},m.displayName="Observer",e.Observer=m,e.isUsingStaticRendering=i,e.observer=function(e,r){if(i())return e;var t,o,c,a=u({forwardRef:!1},r),f=e.displayName||e.name,s=function(r,n){return b((function(){return e(r,n)}),f)};return s.displayName=f,t=n.memo(a.forwardRef?n.forwardRef(s):s),o=e,c=t,Object.keys(o).forEach((function(e){Reflect.has(o,e)&&!y[e]&&Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(o,e))})),t.displayName=f,t},e.optimizeScheduler=function(e){"function"==typeof e&&r.configure({reactionScheduler:e})},e.useAsObservableSource=function(e){return w(e,!1)},e.useForceUpdate=d,e.useLocalStore=function(e,n){var o=w(n,!0);return t.useState((function(){var n=r.observable(e(o));return function(e){if(!e||"object"!=typeof e)return!1;var r=Object.getPrototypeOf(e);return!r||r===Object.prototype}(n)&&r.runInAction((function(){Object.keys(n).forEach((function(e){var t,o,i=n[e];"function"==typeof i&&(n[e]=(t=i,o=n,function(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return r.transaction((function(){return t.apply(o,n)}))}))}))})),n}))[0]},e.useObserver=b,e.useStaticRendering=function(e){o=e},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=mobxreactlite.umd.production.min.js.map

dist/observer.d.ts

@@ -9,1 +9,4 @@ /// <reference types="react" />
 export declare function observer<P extends object>(baseComponent: React.FunctionComponent<P>, options?: IObserverOptions): React.FunctionComponent<P>;
+export declare function observer<C extends React.FunctionComponent<any> | React.RefForwardingComponent<any>, Options extends IObserverOptions>(baseComponent: C, options?: Options): Options extends {
+    forwardRef: true;
+} ? C extends React.RefForwardingComponent<infer TRef, infer P> ? C & React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<TRef>>> : never : C & React.FunctionComponent;

dist/ObserverComponent.d.ts

@@ -1,7 +0,7 @@
-import { ReactElement } from "react";
+/// <reference types="react" />
 interface IObserverProps {
-    children?(): ReactElement<any>;
-    render?(): ReactElement<any>;
+    children?(): React.ReactElement<any>;
+    render?(): React.ReactElement<any>;
 }
-declare function ObserverComponent({ children, render }: IObserverProps): ReactElement<any, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+declare function ObserverComponent({ children, render }: IObserverProps): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
 declare namespace ObserverComponent {
@@ -8,0 +8,0 @@ var propTypes: {

optimizeForReactDom.js

@@ -1,2 +0,2 @@
-const { unstable_batchedUpdates } = require("react-dom")
-require("./dist").optimizeScheduler(unstable_batchedUpdates)
+const ReactDOM = require("react-dom")
+require("./dist").optimizeScheduler(ReactDOM.unstable_batchedUpdates)

optimizeForReactNative.js

@@ -1,2 +0,2 @@
-const { unstable_batchedUpdates } = require("react-native")
-require("./dist").optimizeScheduler(unstable_batchedUpdates)
+const ReactNative = require("react-native")
+require("./dist").optimizeScheduler(ReactNative.unstable_batchedUpdates)

package.json

 {
   "name": "mobx-react-lite",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.5",
   "description": "Lightweight React bindings for MobX based on React 16.8 and Hooks",
@@ -12,2 +12,3 @@ "main": "dist/index.js",
   "react-native": "dist/mobxreactlite.esm.js",
+  "sideEffects": false,
   "repository": {
@@ -18,7 +19,7 @@ "type": "git",
   "scripts": {
-    "prettier": "prettier --write \"**/*.js\" \"**/*.ts\"",
-    "lint": "tslint --project .",
+    "prettier": "prettier --write \"./{src,test}/*.{js,ts,tsx}\"",
+    "lint": "eslint . --ext .js,.ts,.tsx",
     "validate": "tsc --noEmit",
     "test": "jest --watch",
-    "test:ci": "jest -i --coverage && yarn lint",
+    "test:ci": "jest -i --coverage",
     "size": "size-limit",
@@ -30,3 +31,5 @@ "coverage": "jest --coverage",
     "prepublishOnly": "yarn build",
-    "dedup": "npx yarn-deduplicate -s fewer yarn.lock"
+    "dedup": "npx yarn-deduplicate -s fewer yarn.lock",
+    "nextVersion": "npm version prerelease --preid alpha",
+    "nextPublish": "nextVersion && npm publish --tag next"
   },
@@ -44,2 +47,4 @@ "author": "Daniel K.",
   "devDependencies": {
+    "@babel/core": "7.8.4",
+    "@babel/preset-env": "7.8.4",
     "@size-limit/preset-small-lib": "2.1.6",
@@ -54,3 +59,7 @@ "@size-limit/time": "2.1.6",
     "@types/react-dom": "16.9.2",
+    "@typescript-eslint/eslint-plugin": "^2.19.2",
+    "@typescript-eslint/parser": "^2.19.2",
     "coveralls": "3.0.7",
+    "eslint": "^6.1.0",
+    "eslint-plugin-react": "^7.18.3",
     "husky": "3.0.9",
@@ -62,3 +71,3 @@ "jest": "24.9.0",
     "mobx": "5.14.0",
-    "prettier": "1.18.2",
+    "prettier": "^1.19.1",
     "react": "16.10.2",
@@ -68,7 +77,5 @@ "react-dom": "16.10.2",
     "rimraf": "3.0.0",
-    "size-limit": "2.1.6",
+    "shx": "0.3.2",
     "ts-jest": "24.1.0",
-    "tsdx": "^0.9.1",
-    "tslint": "5.20.0",
-    "tslint-config-prettier": "1.18.0",
+    "tsdx": "0.12.3",
     "typescript": "3.6.4"
@@ -89,3 +96,3 @@ },
   "lint-staged": {
-    "*.{ts,js}": [
+    "*.{ts,tsx,js}": [
       "prettier --write",
@@ -92,0 +99,0 @@ "git add"

README.md

@@ -35,5 +35,5 @@ # mobx-react-lite
 interface IObserverOptions {
-  // Pass true to wrap the inner component with React.forwardRef.
-  // It's false by the default.
-  forwardRef?: boolean;
+    // Pass true to wrap the inner component with React.forwardRef.
+    // It's false by the default.
+    forwardRef?: boolean
 }
@@ -48,4 +48,4 @@ ```
 interface IUseObserverOptions {
-  // optional custom hook that should make a component re-render (or not) upon changes
-  useForceUpdate: () => () => void;
+    // optional custom hook that should make a component re-render (or not) upon changes
+    useForceUpdate: () => () => void
 }
@@ -85,4 +85,4 @@ ```
 ```js
-import { optimizeScheduler } from "mobx-react-lite";
-optimizeScheduler(customBatchedUpdates);
+import { optimizeScheduler } from "mobx-react-lite"
+optimizeScheduler(customBatchedUpdates)
 ```

No alert changes

Worsened metrics

Total package byte prevSize

195797

decreased by-60.52%

Dev dependency count

31

increased by14.81%

Number of package files

39

decreased by-94.27%

Lines of code

1217

decreased by-0.25%

No dependency changes