1.1.7 - NextJS 15.3.5, fixes issues with the build, 15.5.3 does not support some of our SSR ready dropdowns, etc

Author: jimmylee

app/page.tsx

@@ -243,15 +243,17 @@ export default async function Page(props) {
           <br />
           <br />
           <Card title="EXAMPLE">
-            <Avatar src="https://pbs.twimg.com/profile_images/1934755236364865537/OxJve4Jp_400x400.jpg" href="https://internet.dev" target="_blank" />
-            <Avatar src="https://pbs.twimg.com/profile_images/1925213285663805441/fUiKWlj2_400x400.jpg" href="https://internet.dev" target="_blank" />
-            <Avatar src="https://pbs.twimg.com/profile_images/1890125319224598528/ZILr9OGp_400x400.jpg" href="https://internet.dev" target="_blank" />
+            <Avatar src="https://pbs.twimg.com/profile_images/1958569334726668288/GFE8mhKI_400x400.jpg" href="https://internet.dev" target="_blank" />
             <Avatar src="https://pbs.twimg.com/profile_images/1748647089633169408/B7vd7ito_400x400.jpg" href="https://internet.dev" target="_blank" />
-            <Avatar src="https://pbs.twimg.com/profile_images/1841883108305731585/3rhRm7aY_400x400.jpg" href="https://internet.dev" target="_blank" />
+            <Avatar src="https://pbs.twimg.com/profile_images/1890125319224598528/ZILr9OGp_400x400.jpg" href="https://internet.dev" target="_blank" />
+            <Avatar src="https://pbs.twimg.com/profile_images/1919579065444663300/cxCRW91y_400x400.jpg" href="https://internet.dev" target="_blank" />
+
             <Avatar src="https://avatars.githubusercontent.com/u/10610892?v=4" href="https://internet.dev" target="_blank" />
+            <Avatar src="https://pbs.twimg.com/profile_images/1947754354368536576/Jc96WEuk_400x400.jpg" href="https://internet.dev" target="_blank" />
+            <Avatar src="https://pbs.twimg.com/profile_images/1925213285663805441/fUiKWlj2_400x400.jpg" href="https://internet.dev" target="_blank" />
             <br />
             <br />
-            <Avatar src="https://pbs.twimg.com/profile_images/1934755236364865537/OxJve4Jp_400x400.jpg" href="https://x.com/aalimbuyuguen" target="_blank">
+            <Avatar src="https://pbs.twimg.com/profile_images/1958569334726668288/GFE8mhKI_400x400.jpg" href="https://x.com/aalimbuyuguen" target="_blank">
               <Indent>
                 ANDREW ALIMBUYUGUEN
                 <br />
@@ -286,6 +288,13 @@ export default async function Page(props) {
                 Webmaster
               </Indent>
             </Avatar>
+            <Avatar src="https://pbs.twimg.com/profile_images/1947754354368536576/Jc96WEuk_400x400.jpg" href="https://x.com/hellohsuh" target="_blank">
+              <Indent>
+                HANNAH SUH
+                <br />
+                Webmaster
+              </Indent>
+            </Avatar>
             <Avatar src="https://pbs.twimg.com/profile_images/1925213285663805441/fUiKWlj2_400x400.jpg" href="https://x.com/wwwjim" target="_blank">
               <Indent>
                 JIMMY LEE

components/ModalStack.tsx

@@ -18,6 +18,11 @@ const ModalStack: React.FC<ModalStackProps> = () => {
       {modalStack.map((modalState, index) => {
         const { key, component: ModalComponent, props } = modalState;
 
+        if (!ModalComponent) {
+          console.warn(`ModalComponent is undefined for modal with key: ${key}`);
+          return null;
+        }
+
         const offsetFromLast = totalModals - 1 - index;
         const translateY = -offsetFromLast * 40;
         const blur = offsetFromLast * 1.1;

components/page/ModalContext.tsx

@@ -20,7 +20,17 @@ export const ModalProvider: React.FC<{ children: React.ReactNode }> = ({ childre
   const [modalStack, setModalStack] = React.useState<ModalState<any>[]>([]);
 
   const open = <P,>(component: ModalComponent<P>, props: P): string => {
-    const key = `modal-${Date.now()}-${Math.random()}`;
+    if (!component) {
+      console.warn('Modal component is required - modal will not open');
+      return '';
+    }
+    
+    if (typeof component !== 'function' && typeof component !== 'object') {
+      console.warn('Modal component must be a valid React component - modal will not open');
+      return '';
+    }
+
+    const key = `modal-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
 
     const newModal: ModalState<P> = { key, component, props };
 
@@ -30,22 +40,40 @@ export const ModalProvider: React.FC<{ children: React.ReactNode }> = ({ childre
   };
 
   const close = (key?: string): void => {
-    setModalStack((prev) =>
-      key ? prev.filter((modal) => modal.key !== key) : prev.slice(0, -1)
-    );
+    setModalStack((prev) => {
+      if (prev.length === 0) {
+        return prev;
+      }
+      
+      if (key) {
+        if (typeof key !== 'string') {
+          console.warn('Modal key must be a string');
+          return prev;
+        }
+        return prev.filter((modal) => modal.key !== key);
+      }
+      
+      return prev.slice(0, -1);
+    });
   };
 
-  return (
-    <ModalContext.Provider value={{ modalStack, open, close }}>
-      {children}
-    </ModalContext.Provider>
-  );
+  return <ModalContext.Provider value={{ modalStack, open, close }}>{children}</ModalContext.Provider>;
 };
 
 export const useModals = (): ModalContextType => {
   const context = React.useContext(ModalContext);
   if (!context) {
-    throw new Error('useModals must be used within a ModalProvider and use client');
+    console.warn('useModals must be used within a ModalProvider');
+    return {
+      modalStack: [],
+      open: () => {
+        console.warn('Modal open called outside of ModalProvider - modal will not open');
+        return '';
+      },
+      close: () => {
+        console.warn('Modal close called outside of ModalProvider - modal will not close');
+      }
+    };
   }
   return context;
-};
+};

package.json

@@ -5,23 +5,23 @@
     "node": ">=18"
   },
   "license": "MIT",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "scripts": {
     "dev": "next -p 10000",
     "build": "next build",
     "start": "PORT=10000 next start",
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "^15.3.3",
+    "next": "15.3.5",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "sass": "1.89.0"
+    "sass": "1.92.1"
   },
   "devDependencies": {
-    "@types/node": "^22.15.28",
-    "@types/react": "^19.1.6",
+    "@types/node": "^24.5.1",
+    "@types/react": "^19.1.13",
     "ts-node": "^10.9.2",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   }
 }