diff --git a/package-lock.json b/package-lock.json
index 14ab5d1..679b76f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
 				"@emotion/styled": "^11.11.0",
 				"@mui/icons-material": "^5.11.16",
 				"@mui/material": "^5.13.1",
-				"@the-collab-lab/shopping-list-utils": "^2.0.0",
+				"@the-collab-lab/shopping-list-utils": "^2.2.0",
 				"firebase": "^9.17.2",
 				"react": "^18.2.0",
 				"react-dom": "^18.2.0",
@@ -4060,9 +4060,13 @@
 			}
 		},
 		"node_modules/@the-collab-lab/shopping-list-utils": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/@the-collab-lab/shopping-list-utils/-/shopping-list-utils-2.0.0.tgz",
-			"integrity": "sha512-VHw1bfEoqroRpzle5PJLAqfsouhdFudihtRYVZcFbsPv/LVtAWcyEHXDjp1F/ixkXxY/+qyAjaT7XixsqiWOIQ=="
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/@the-collab-lab/shopping-list-utils/-/shopping-list-utils-2.2.0.tgz",
+			"integrity": "sha512-nEN1z/SEOIWO+8JWIgPDNUkrXmXqNomSh5aiZDNdiaUH/JYqyNeXmEOldtMqAfLicSRiFkapcAIlrUUnPzNaog==",
+			"peerDependencies": {
+				"react": "^18.2.0",
+				"react-dom": "^18.2.0"
+			}
 		},
 		"node_modules/@tootallnate/once": {
 			"version": "2.0.0",
diff --git a/package.json b/package.json
index c9bd306..44ae3ed 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
 		"@emotion/styled": "^11.11.0",
 		"@mui/icons-material": "^5.11.16",
 		"@mui/material": "^5.13.1",
-		"@the-collab-lab/shopping-list-utils": "^2.0.0",
+		"@the-collab-lab/shopping-list-utils": "^2.2.0",
 		"firebase": "^9.17.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
diff --git a/src/views/Home.jsx b/src/views/Home.jsx
index 8a8b825..817eeb6 100644
--- a/src/views/Home.jsx
+++ b/src/views/Home.jsx
@@ -18,6 +18,7 @@ import { useState } from 'react';
 import { validateToken } from '../api/firebase';
 import Toastify from 'toastify-js';
 import 'toastify-js/src/toastify.css';
+import { ArchivalNoticeModal } from '@the-collab-lab/shopping-list-utils';
 
 export function Home({ setListToken }) {
 	const [userTokenInput, setUserTokenInput] = useState('');
@@ -63,7 +64,7 @@ export function Home({ setListToken }) {
 						fontSize: '2em',
 						minWidth: '20ch',
 					}}
-					onClick={handleClick}
+					onClick={() => console.log('Creating new lists is disabled')}
 				>
 					Create list
 				</Button>
@@ -109,6 +110,7 @@ export function Home({ setListToken }) {
 				</Stack>
 			</Box>
 			{tokenExists && <Navigate to="/list" replace={true}></Navigate>}
+			<ArchivalNoticeModal />
 		</Stack>
 	);
 }