add conditional rendering component

src/components/CustomNode/index.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import RenderIfVisible from "react-render-if-visible";
 import { Label, Node, NodeProps } from "reaflow";
 import ObjectNode from "./ObjectNode";
 import TextNode from "./TextNode";
@@ -18,6 +19,12 @@ const baseLabelStyle = {
   strokeWidth: 0,
 };
 
+export const ConditionalWrapper: React.FC<{
+  condition?: boolean;
+  children: React.ReactNode;
+}> = ({ condition, children }) =>
+  condition ? <RenderIfVisible>{children}</RenderIfVisible> : <>{children}</>;
+
 export const CustomNode = (nodeProps: NodeProps) => {
   const { properties } = nodeProps;