fix(map): preserve hook order while data loads

src/app/OlMap/Controls/Toolbar.tsx

@@ -27,15 +27,23 @@ interface ToolbarProps {
   queryType?: string; // 可选的查询类型参数
   HistoryPanel?: React.FC<any>; // 可选的自定义历史数据面板
 }
-const Toolbar: React.FC<ToolbarProps> = ({
+const Toolbar: React.FC<ToolbarProps> = (props) => {
+  const data = useData();
+  if (!data) return null;
+
+  return <ToolbarContent {...props} data={data} />;
+};
+
+const ToolbarContent: React.FC<
+  ToolbarProps & { data: NonNullable<ReturnType<typeof useData>> }
+> = ({
   hiddenButtons,
   queryType,
   HistoryPanel,
+  data,
 }) => {
   const map = useMap();
-  const data = useData();
   const { open } = useNotification();
-  if (!data) return null;
   const { currentTime, selectedDate, schemeName } = data;
   const [activeTools, setActiveTools] = useState<string[]>([]);
   const [highlightFeatures, setHighlightFeatures] = useState<Feature[]>([]);