diff --git a/src/lib/contexts/DataTable.js b/src/lib/contexts/DataTable.js
index f5a625d..f25cde0 100644
--- a/src/lib/contexts/DataTable.js
+++ b/src/lib/contexts/DataTable.js
@@ -3,6 +3,7 @@ import { toast } from "react-toastify";
 import useTableSetting from "@/lib/hooks/useTableSetting";
 import { flattenArrayOfObjects } from "@/core/utils/flattenArrayOfObjects";
 import AskForKeepData from "@/core/components/NotificationDesign/AskForKeepData";
+import { LinearProgress } from "@mui/material";
 
 export const DataTableContext = createContext();
 
@@ -125,7 +126,7 @@ const DataTableProvider = ({ children, user_id, page_name, table_name, columns }
         }
     }, [filterData, sortData, hideData]);
 
-    if (!isInitStates) return null;
+    if (!isInitStates) return <LinearProgress sx={{ borderRadius: 2 }} />;
 
     return (
         <DataTableContext.Provider value={{ filterData, setFilterData, sortData, setSortData, hideData, setHideData }}>