di usage in website

apps/website/components/shared/state/StateContainer.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { ReactNode } from 'react';
-import { StateContainerProps, StateContainerConfig } from '../types/state.types';
+import { StateContainerProps, StateContainerConfig } from './types';
 import { LoadingWrapper } from './LoadingWrapper';
 import { ErrorDisplay } from './ErrorDisplay';
 import { EmptyState } from './EmptyState';
@@ -52,7 +52,7 @@ export function StateContainer<T>({
   isEmpty,
 }: StateContainerProps<T>) {
   // Determine if data is empty
-  const isDataEmpty = (data: T | null): boolean => {
+  const isDataEmpty = (data: T | null | undefined): boolean => {
     if (data === null || data === undefined) return true;
     if (isEmpty) return isEmpty(data);
     
@@ -156,7 +156,7 @@ export function StateContainer<T>({
     );
   }
 
-  // At this point, data is guaranteed to be non-null
+  // At this point, data is guaranteed to be non-null and non-undefined
   return <>{children(data as T)}</>;
 }