diff --git a/examples/codesandbox/src/charts/Network.tsx b/examples/codesandbox/src/charts/Network.tsx
index 20e68d7e74..e8ccc03b92 100644
--- a/examples/codesandbox/src/charts/Network.tsx
+++ b/examples/codesandbox/src/charts/Network.tsx
@@ -9,7 +9,7 @@ import { useChart } from '../hooks'
 const props = {
   iterations: 60,
   margin: { bottom: 30, top: 30, left: 30, right: 30 },
-  nodeColor: (node: ComputedNode) => node.color,
+  nodeColor: (node: ComputedNode<any>) => node.color,
   repulsivity: 6,
 }
 
@@ -17,8 +17,8 @@ export function Network() {
   const [data, flavor] = useChart(generateNetworkData)
 
   if (flavor === 'canvas') {
-    return <ResponsiveNetworkCanvas {...data} {...props} />
+    return <ResponsiveNetworkCanvas data={data} {...props} />
   }
 
-  return <ResponsiveNetwork {...data} {...props} />
+  return <ResponsiveNetwork data={data} {...props} />
 }