Apply Prettier formatting

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -172,11 +172,14 @@ export default function Page({
     }
   }, [currentFlowId, reactFlowInstance]);
 
-useEffect(() => {
+  useEffect(() => {
-  if(checkOldComponents({nodes:flow?.data?.nodes ?? []})){
+    if (checkOldComponents({ nodes: flow?.data?.nodes ?? [] })) {
-    setNoticeData({title:"Components created before Langflow 1.0 may be unstable. Ensure components are up to date."})
+      setNoticeData({
-  }
+        title:
-},[])
+          "Components created before Langflow 1.0 may be unstable. Ensure components are up to date.",
+      });
+    }
+  }, []);
 
   useEffect(() => {
     return () => {

src/frontend/src/stores/flowStore.ts

@@ -241,9 +241,14 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
       });
       return;
     }
-    if(selection.nodes){
+    if (selection.nodes) {
-      if(checkOldComponents({nodes:selection.nodes ?? []})){
+      if (checkOldComponents({ nodes: selection.nodes ?? [] })) {
-        useAlertStore.getState().setNoticeData({title:"Components created before Langflow 1.0 may be unstable. Ensure components are up to date."})
+        useAlertStore
+          .getState()
+          .setNoticeData({
+            title:
+              "Components created before Langflow 1.0 may be unstable. Ensure components are up to date.",
+          });
       }
     }
     let minimumX = Infinity;

src/frontend/src/utils/reactflowUtils.ts

@@ -1512,7 +1512,12 @@ export function getGroupOutputNodeId(
   return { id: node.id, outputName: p_name };
 }
 
-export function checkOldComponents({nodes}:{nodes:any[]}) {
+export function checkOldComponents({ nodes }: { nodes: any[] }) {
-  return nodes.some((node) => node.data.node?.template.code && (node.data.node?.template.code.value as string).includes("(CustomComponent):"));
+  return nodes.some(
-
+    (node) =>
+      node.data.node?.template.code &&
+      (node.data.node?.template.code.value as string).includes(
+        "(CustomComponent):",
+      ),
+  );
 }