fix: react examples

Author: segunadebayo

examples/next-ts/pages/color-picker.tsx

@@ -31,7 +31,7 @@ export default function Page() {
     id: useId(),
     name: "color",
     format: "hsla",
-    value: colorPicker.parse("hsl(0, 100%, 50%)"),
+    defaultValue: colorPicker.parse("hsl(0, 100%, 50%)"),
   })
 
   const api = colorPicker.connect(service, normalizeProps)

examples/next-ts/pages/menu-options.tsx

@@ -69,7 +69,7 @@ export default function Page() {
       </main>
 
       <Toolbar controls={controls.ui}>
-        <StateVisualizer state={state} />
+        <StateVisualizer state={service} />
       </Toolbar>
     </>
   )

examples/next-ts/pages/splitter.tsx

@@ -11,7 +11,7 @@ export default function Page() {
 
   const service = useMachine(splitter.machine, {
     id: useId(),
-    size: [
+    defaultSize: [
       { id: "a", size: 50 },
       { id: "b", size: 50 },
     ],

examples/next-ts/pages/tabs.tsx

@@ -11,7 +11,7 @@ export default function Page() {
 
   const service = useMachine(tabs.machine, {
     id: useId(),
-    value: "nils",
+    defaultValue: "nils",
   })
 
   const api = tabs.connect(service, normalizeProps)