Merge pull request #105 from tpucci/dependabot/npm_and_yarn/mobx-react-6.1.1

⬆️ Bump mobx-react from 5.4.4 to 6.1.1

Author: tpucci

package.json

@@ -58,7 +58,7 @@
     "jest": "^24.7.0",
     "metro-react-native-babel-preset": "^0.55.0",
     "mobx": "^5.9.4",
-    "mobx-react": "^5.4.3",
+    "mobx-react": "^6.1.1",
     "mobx-utils": "^5.4.0",
     "patch-package": "^6.1.2",
     "postinstall-postinstall": "^2.0.0",

src/FullScreenPortal.tsx

@@ -1,6 +1,6 @@
 import React, { Component as ReactComponent, Fragment } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Observer } from 'mobx-react/native';
+import { Observer } from 'mobx-react';
 import { fromStream } from 'mobx-utils';
 import { Navigation } from './Navigation';
 
@@ -15,13 +15,19 @@ export class FullScreenPortal extends ReactComponent {
           {() => {
             if (this.fullScreenStack.current) {
               return (
-                this.fullScreenStack.current &&
-                this.fullScreenStack.current.map(({ Component, name, isAuthorized }) => (
-                  <Component isAuthorized={isAuthorized} key={name} />
-                ))
+                <Fragment>
+                  {this.fullScreenStack.current &&
+                    this.fullScreenStack.current.map(({ Component, name, isAuthorized }) => (
+                      <Component isAuthorized={isAuthorized} key={name} />
+                    ))}
+                </Fragment>
               );
             }
-            return null;
+            /**
+             * @todo Improve typing of <Observer /> to accept null JSXElement.
+             * Expected: `return null;`
+             */
+            return <Fragment />;
           }}
         </Observer>
       </View>

src/createCanal.tsx

@@ -1,6 +1,6 @@
-import React, { ComponentType, Component as ReactComponent } from 'react';
+import React, { ComponentType, Component as ReactComponent, Fragment } from 'react';
 import { ViewStyle, View, StyleSheet, StyleProp } from 'react-native';
-import { Observer } from 'mobx-react/native';
+import { Observer } from 'mobx-react';
 import { fromStream } from 'mobx-utils';
 import { Subject, Observable, ConnectableObservable } from 'rxjs';
 import { map, distinctUntilChanged, withLatestFrom, publish } from 'rxjs/operators';
@@ -140,11 +140,13 @@ export const createCanal = <
       return (
         <View style={this.props.style}>
           <Observer>
-            {() =>
-              this.stack.current.map(({ name, Component, isAuthorized }) => (
-                <Component key={name} isAuthorized={isAuthorized} />
-              ))
-            }
+            {() => (
+              <Fragment>
+                {this.stack.current.map(({ name, Component, isAuthorized }) => (
+                  <Component key={name} isAuthorized={isAuthorized} />
+                ))}
+              </Fragment>
+            )}
           </Observer>
         </View>
       );

yarn.lock

@@ -6399,7 +6399,7 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0:
+hoist-non-react-statics@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b"
   integrity sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==
@@ -9095,13 +9095,17 @@ mkdirp@0.5.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
   dependencies:
     minimist "0.0.8"
 
-mobx-react@^5.4.3:
-  version "5.4.4"
-  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-5.4.4.tgz#b3de9c6eabcd0ed8a40036888cb0221ab9568b80"
-  integrity sha512-2mTzpyEjVB/RGk2i6KbcmP4HWcAUFox5ZRCrGvSyz49w20I4C4qql63grPpYrS9E9GKwgydBHQlA4y665LuRCQ==
+mobx-react-lite@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-1.4.0.tgz#193beb5fdddf17ae61542f65ff951d84db402351"
+  integrity sha512-5xCuus+QITQpzKOjAOIQ/YxNhOl/En+PlNJF+5QU4Qxn9gnNMJBbweAdEW3HnuVQbfqDYEUnkGs5hmkIIStehg==
+
+mobx-react@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-6.1.1.tgz#24a2c8a3393890fa732b4efd34cc6dcccf6e0e7a"
+  integrity sha512-hjACWCTpxZf9Sv1YgWF/r6HS6Nsly1SYF22qBJeUE3j+FMfoptgjf8Zmcx2d6uzA07Cezwap5Cobq9QYa0MKUw==
   dependencies:
-    hoist-non-react-statics "^3.0.0"
-    react-lifecycles-compat "^3.0.2"
+    mobx-react-lite "1.4.0"
 
 mobx-utils@^5.4.0:
   version "5.4.1"
@@ -10636,7 +10640,7 @@ react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
 
-react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
+react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==