chore: use @reach/portal

Signed-off-by: Logan McAnsh <[email protected]>
mcansh · Mar 22, 2020 · 67cdbbc · 67cdbbc
1 parent 9154dbe
commit 67cdbbc
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 16 deletions.
diff --git a/components/navigation.tsx b/components/navigation.tsx
@@ -6,10 +6,10 @@ import {
   enableBodyScroll,
   clearAllBodyScrollLocks,
 } from 'body-scroll-lock';
+import Portal from '@reach/portal';
 
 import NavList from '~/components/nav-list';
 import Hamburger from '~/components/hamburger';
-import Portal from '~/components/portal';
 
 const Nav = styled.nav<{ navOpen: boolean }>`
   &::after {

diff --git a/components/portal.tsx b/components/portal.tsx
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "@next/bundle-analyzer": "9.3.1",
     "@next/mdx": "9.3.1",
     "@next/plugin-sentry": "9.3.1",
+    "@reach/portal": "0.9.0",
     "babel-plugin-macros": "2.8.0",
     "babel-plugin-preval": "4.0.0",
     "body-scroll-lock": "3.0.1",

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -40,7 +40,6 @@ class MyDocument extends Document {
         </Head>
         <body>
           <Main />
-          <div id="portal" />
           <NextScript nonce={hash} />
         </body>
       </Html>

diff --git a/yarn.lock b/yarn.lock
@@ -2621,6 +2621,22 @@
     style-value-types "^3.1.7"
     tslib "^1.10.0"
 
+"@reach/[email protected]":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@reach/portal/-/portal-0.9.0.tgz#8346c4403aba071b36ff0bd5137b1363f70ade15"
+  integrity sha512-V3xmdKCWLyKwAdSvvF4EvO8wKPGInQsJXmCuo9c7RU5ZCDnErCQmiD/jqyD78UzGF0snXATiGHuQV0h/Ppjt0w==
+  dependencies:
+    "@reach/utils" "^0.9.0"
+    tslib "^1.10.0"
+
+"@reach/utils@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@reach/utils/-/utils-0.9.0.tgz#ee47c25c79eb2f98e6c0e728a2672075cc9991d5"
+  integrity sha512-cmiykRaxuCysVTsSY3PgrLjySnEIt1PLiSYKh5rAH8nYyEmaOCtw0vaNItFAiqQIjfrxkixmcUE8dyD8kqVuJA==
+  dependencies:
+    tslib "^1.10.0"
+    warning "^4.0.3"
+
 "@rollup/plugin-node-resolve@^7.1.1":
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.1.tgz#8c6e59c4b28baf9d223028d0e450e06a485bb2b7"
@@ -13359,6 +13375,13 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 [email protected]:
   version "2.0.0-beta.13"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.0.0-beta.13.tgz#9d9b0c094b8402139333e04eb6194643c8384f55"
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,7 +40,6 @@ class MyDocument extends Document { @@
             </Head>
             <body>
               <Main />
-              <div id="portal" />
               <NextScript nonce={hash} />
             </body>
           </Html>
@@ Expand Down @@