From 4d0ca3c6140a6119deebf1241bf27cadc34b3cff Mon Sep 17 00:00:00 2001
From: Ruben Smit <rsmit@quintor.local>
Date: Thu, 1 Aug 2024 14:08:58 +0200
Subject: [PATCH] chore: fixed build errors with nextjs

---
 apps/rvs.rivm.nl/src/app/page.tsx      |  2 ++
 packages/components-react/package.json |  1 +
 packages/components-react/src/index.ts |  4 ++++
 pnpm-lock.yaml                         | 30 ++++++++++++++++++++++++++
 4 files changed, 37 insertions(+)

diff --git a/apps/rvs.rivm.nl/src/app/page.tsx b/apps/rvs.rivm.nl/src/app/page.tsx
index 6d257b77c..34c62a405 100644
--- a/apps/rvs.rivm.nl/src/app/page.tsx
+++ b/apps/rvs.rivm.nl/src/app/page.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Article, Button, ButtonGroup, Heading1, Link, Paragraph } from '@utrecht/component-library-react';
 import { Logo } from '@rijkshuisstijl-community/components-react';
 import './page.css';
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index afbce658f..c5b5c6459 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -33,6 +33,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
+    "@utrecht/component-library-react": "5.0.0",
     "clsx": "2.1.1",
     "date-fns": "3.6.0",
     "lodash.chunk": "4.2.0"
diff --git a/packages/components-react/src/index.ts b/packages/components-react/src/index.ts
index b5be9c8f7..e6545d8df 100644
--- a/packages/components-react/src/index.ts
+++ b/packages/components-react/src/index.ts
@@ -1,3 +1,7 @@
+// Export all Utrecht components
+export * from '@utrecht/component-library-react/dist/css-module';
+
+// Export overwrites and new components
 export { Button } from './Button';
 export { Logo } from './Logo';
 export type { LogoProps } from './Logo';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f114a2171..bb0cc66da 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -144,6 +144,9 @@ importers:
 
   packages/components-react:
     dependencies:
+      '@utrecht/component-library-react':
+        specifier: 5.0.0
+        version: 5.0.0(@babel/runtime@7.24.8)(date-fns@3.6.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       clsx:
         specifier: 2.1.1
         version: 2.1.1
@@ -2800,6 +2803,23 @@ packages:
       vega:
         optional: true
 
+  '@utrecht/component-library-react@5.0.0':
+    resolution: {integrity: sha512-D8wSfBl1rCLA5zNj1wND2QaHBrlW5T5qZjlqvcYmQdvOOF+L+aQ8gxg3uo30FBvugvH2HDfOCc6qD8z7/+R+0A==}
+    peerDependencies:
+      '@babel/runtime': ^7.23.6
+      date-fns: ^2.30.0
+      react: '18'
+      react-dom: '18'
+      react-vega: ^7.6.0
+      vega: ^5.25.0
+    peerDependenciesMeta:
+      date-fns:
+        optional: true
+      react-vega:
+        optional: true
+      vega:
+        optional: true
+
   '@utrecht/web-component-library-react@1.2.0':
     resolution: {integrity: sha512-M//AVotO1tqBeC9aTta1hso/0N6npHyk2JAU63iHL8CA3INaThXQOJqAopy3D+CZa7ao8FIG1LszK96JQW6R0A==}
     peerDependencies:
@@ -11605,6 +11625,16 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
+  '@utrecht/component-library-react@5.0.0(@babel/runtime@7.24.8)(date-fns@3.6.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.24.8
+      clsx: 2.1.1
+      lodash.chunk: 4.2.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      date-fns: 3.6.0
+
   '@utrecht/web-component-library-react@1.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@utrecht/web-component-library-stencil': 1.3.0