@@ -150,27 +150,27 @@ export const Board = ({ erdData }: { erdData: ErdResult }) => {
150150 dagreGraph . setDefaultEdgeLabel ( ( ) => ( { } ) ) ;
151151 dagreGraph . setGraph ( { rankdir : "LR" , ranksep : 250 , nodesep : 200 } ) ;
152152
153- erdData . nodes . forEach ( ( node ) => {
153+ erdData . nodes ? .forEach ( ( node ) => {
154154 dagreGraph . setNode ( node . id , { width : 320 , height : 200 } ) ;
155155 } ) ;
156156
157- erdData . edges . forEach ( ( edge ) => {
157+ erdData . edges ? .forEach ( ( edge ) => {
158158 dagreGraph . setEdge ( edge . source , edge . target ) ;
159159 } ) ;
160160
161161 dagre . layout ( dagreGraph ) ;
162162
163- return erdData . nodes . map ( ( node ) => {
163+ return erdData . nodes ? .map ( ( node ) => {
164164 const position = dagreGraph . node ( node . id ) ;
165165 return {
166166 ...node ,
167167 position : { x : position . x - 100 , y : position . y - 100 } ,
168168 } ;
169169 } ) ;
170- } , [ erdData . edges . forEach , erdData . nodes . forEach , erdData . nodes . map ] ) ; // Empty deps - only run once
170+ } , [ erdData . edges , erdData . nodes ] ) ; // Empty deps - only run once
171171
172172 const [ nodes , , onNodesChange ] = useNodesState < NodeType > ( initialLayoutedNodes ) ;
173- const [ edges , , onEdgesChange ] = useEdgesState < Edge > ( erdData . edges ) ;
173+ const [ edges , , onEdgesChange ] = useEdgesState < Edge > ( erdData . edges ?? [ ] ) ;
174174
175175 return (
176176 < div className = "bg-zinc-950 h-full w-full rounded-md border overflow-hidden border-zinc-900" >
0 commit comments