fix(README) nodes.length

Author: rwieruch

.storybook/stories/Introduction/installation.story.mdx

@@ -58,28 +58,28 @@ const nodes = [
   },
 ]
 
+const COLUMNS = [
+  { label: 'Task', renderCell: (item) => item.name },
+  {
+    label: 'Deadline',
+    renderCell: (item) =>
+      item.deadline.toLocaleDateString('en-US', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+      }),
+  },
+  { label: 'Type', renderCell: (item) => item.type },
+  {
+    label: 'Complete',
+    renderCell: (item) => item.isComplete.toString(),
+  },
+  { label: 'Tasks', renderCell: (item) => item.nodes },
+];
+
 const Component = () => {
   const data = { nodes };
 
-  const COLUMNS = [
-    { label: 'Task', renderCell: (item) => item.name },
-    {
-      label: 'Deadline',
-      renderCell: (item) =>
-        item.deadline.toLocaleDateString('en-US', {
-          year: 'numeric',
-          month: '2-digit',
-          day: '2-digit',
-        }),
-    },
-    { label: 'Type', renderCell: (item) => item.type },
-    {
-      label: 'Complete',
-      renderCell: (item) => item.isComplete.toString(),
-    },
-    { label: 'Tasks', renderCell: (item) => item.nodes?.length },
-  ];
-
   return <CompactTable columns={COLUMNS} data={data} />;
 };
 ```

README.md

@@ -60,28 +60,28 @@ const nodes = [
   },
 ]
 
+const COLUMNS = [
+  { label: 'Task', renderCell: (item) => item.name },
+  {
+    label: 'Deadline',
+    renderCell: (item) =>
+      item.deadline.toLocaleDateString('en-US', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+      }),
+  },
+  { label: 'Type', renderCell: (item) => item.type },
+  {
+    label: 'Complete',
+    renderCell: (item) => item.isComplete.toString(),
+  },
+  { label: 'Tasks', renderCell: (item) => item.nodes },
+];
+
 const Component = () => {
   const data = { nodes };
 
-  const COLUMNS = [
-    { label: 'Task', renderCell: (item) => item.name },
-    {
-      label: 'Deadline',
-      renderCell: (item) =>
-        item.deadline.toLocaleDateString('en-US', {
-          year: 'numeric',
-          month: '2-digit',
-          day: '2-digit',
-        }),
-    },
-    { label: 'Type', renderCell: (item) => item.type },
-    {
-      label: 'Complete',
-      renderCell: (item) => item.isComplete.toString(),
-    },
-    { label: 'Tasks', renderCell: (item) => item.nodes?.length },
-  ];
-
   return <CompactTable columns={COLUMNS} data={data} />;
 };
 ```