Modularize @zooniverse/react-components imports

zooniverse · Oct 18, 2023 · 60748c2 · 60748c2
1 parent cb68bf9
commit 60748c2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/app-root/next.config.mjs b/packages/app-root/next.config.mjs
@@ -4,6 +4,10 @@ const bundleAnalyzer = withBundleAnalyzer({
 	enabled: process.env.ANALYZE === 'true',
 })
 
-const nextConfig = {}
+const nextConfig = {
+  experimental: {
+    optimizePackageImports: ['@zooniverse/react-components'],
+  }
+}
 
 export default bundleAnalyzer(nextConfig)
diff --git a/packages/app-root/src/components/PageFooter.js b/packages/app-root/src/components/PageFooter.js
@@ -1,6 +1,5 @@
 'use client'
-import AdminCheckbox from '@zooniverse/react-components/AdminCheckbox'
-import ZooFooter from '@zooniverse/react-components/ZooFooter'
+import { AdminCheckbox, ZooFooter } from '@zooniverse/react-components'
 import { useContext } from 'react'
 
 import { PanoptesAuthContext } from '../contexts'

diff --git a/packages/app-root/src/components/PageHeader.js b/packages/app-root/src/components/PageHeader.js
@@ -1,5 +1,5 @@
 'use client'
-import ZooHeader from '@zooniverse/react-components/ZooHeader'
+import { ZooHeader } from '@zooniverse/react-components'
 import { useContext } from 'react'
 
 import {