fix(builders): viewToMachine not accepting Root components

This used to work but the change that introduced allowing passing children to Root components broke it

Relaxed the typings of viewToMachine to allow any component with any props

Author: UberMouse

src/builders.spec.tsx

@@ -17,6 +17,17 @@ describe("xstate-tree builders", () => {
 
       await waitFor(() => getByText("hello world"));
     });
+
+    it("works for Root components", async () => {
+      const ViewMachine = viewToMachine(() => <div>hello world</div>);
+      const Root = buildRootComponent(ViewMachine);
+      const RootMachine = viewToMachine(Root);
+      const RootView = buildRootComponent(RootMachine);
+
+      const { getByText } = render(<RootView />);
+
+      await waitFor(() => getByText("hello world"));
+    });
   });
 
   describe("buildRoutingMachine", () => {

src/builders.tsx

@@ -274,7 +274,9 @@ export function createXStateTreeMachine<
  * @param view - the React view you want to invoke in an xstate machine
  * @returns The view wrapped into an xstate-tree machine, ready to be invoked by other xstate machines or used with `buildRootComponent`
  */
-export function viewToMachine(view: () => JSX.Element): AnyXstateTreeMachine {
+export function viewToMachine(
+  view: (args?: any) => JSX.Element | null
+): AnyXstateTreeMachine {
   return createXStateTreeMachine(
     createMachine({
       initial: "idle",

xstate-tree.api.md

@@ -446,7 +446,7 @@ export type ViewProps<TSelectors, TActions, TSlots extends readonly Slot[], TMat
 };
 
 // @public
-export function viewToMachine(view: () => JSX.Element): AnyXstateTreeMachine;
+export function viewToMachine(view: (args?: any) => JSX.Element | null): AnyXstateTreeMachine;
 
 // @public (undocumented)
 export type XstateTreeHistory<T = unknown> = History_2<{