diff --git a/components/board.tsx b/components/board.tsx
index 5995acf..abff0af 100644
--- a/components/board.tsx
+++ b/components/board.tsx
@@ -1,7 +1,7 @@
 import List from './list';
 import React, { useState, useContext, useEffect } from 'react';
 import { capitalizeAllWords, dev, formatDate, generateUniqueID, StateContext } from '../pages/_app';
-import { DragDropContext, Droppable, generateId, onDragStart } from 'react-beautiful-dnd';
+import { DragDropContext, Droppable, onDragStart } from 'react-beautiful-dnd';
 
 function Board(props) {
     const [updates, setUpdates] = useState(0);
@@ -305,7 +305,7 @@ function Board(props) {
                 </div>
             </section>
             {board?.columnOrder && (
-                <Droppable droppableId={`boardColumns${generateId}`} direction="horizontal" type="column">
+                <Droppable droppableId={`boardColumns${generateUniqueID()}`} direction="horizontal" type="column">
                     {(provided, snapshot) => (
                         <section id={`board`} className={`board lists container ${snapshot.isDraggingOver ? `isDraggingOver` : ``} ${board?.columnOrder && (board?.columnOrder.length == 2 ? `clipColumns` : board?.columnOrder.length == 3 ? `threeBoard overflowingBoard` : board?.columnOrder.length > 3 ? `moreBoard overflowingBoard` : ``)}`} ref={provided.innerRef} {...provided.droppableProps} style={props.style}>
                             {board?.columnOrder && board?.columnOrder.map((columnId, index) => {
diff --git a/pages/_document.js b/pages/_document.js
index 9c9183c..b1a5e77 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -1,6 +1,4 @@
 import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { AnimatePresence, motion } from 'framer-motion';
-import { generateUniqueID } from './_app';
 
 export default class MyDocument extends Document {
   static async getInitialProps(ctx) {
diff --git a/theme.config.tsx b/theme.config.tsx
index fc939ec..fd113f4 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -8,9 +8,10 @@ import { DocsThemeConfig } from 'nextra-theme-docs';
 
 const setToc = (e) => {
   let toc = document.querySelector(`.nextra-toc`);
-  toc.classList.toggle(`minimized`);
-
-  toc.classList.contains(`minimized`) ? localStorage.setItem(`tocMinimized`, JSON.stringify(true)) : localStorage.setItem(`tocMinimized`, JSON.stringify(false));
+  if (toc) {
+    toc.classList.toggle(`minimized`);
+    toc.classList.contains(`minimized`) ? localStorage.setItem(`tocMinimized`, JSON.stringify(true)) : localStorage.setItem(`tocMinimized`, JSON.stringify(false));
+  }
 }
 
 const config: DocsThemeConfig = {