closes add react-wrap-balancer + wrapper #157

sarthaktexas · Jun 23, 2023 · 3222486 · 3222486
1 parent 91651c2
commit 3222486
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -8,5 +8,6 @@ The best Next.js boilerplate ever.
 - `framer-motion` - for making interactive components and eye-catching animations
 - `react-icons` - for including your favorite icon packs without increasing bundle size significantly. Tree shaking included.
 - `classnames` - for conditionally applying classes to components
+- `react-wrap-balancer` - for balancing text widths for titles and paragraphs
 
 &copy; 2021 Sarthak Mohanty. Licensed under the [Unlicense](LICENSE) from Mozilla.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.8.0",
+    "react-wrap-balancer": "^1.0.0",
     "swr": "^2.2.0"
   },
   "devDependencies": {

diff --git a/pages/_app.js b/pages/_app.js
@@ -1,10 +1,13 @@
 import '../styles/globals.css'
 import { ThemeProvider } from 'next-themes'
+import { Provider } from 'react-wrap-balancer'
 
 function MyApp({ Component, pageProps }) {
   return (
     <ThemeProvider defaultTheme="system" attribute="class">
-      <Component {...pageProps} />
+      <Provider>
+        <Component {...pageProps} />
+      </Provider>
     </ThemeProvider>
   )
 }