Why does normalizeProps needed to be passed manually?

[scarf005]

Hi, sorry if it's obvious (haven't really used the lib yet) but was confused why normalizeProps is needed to be passed manually in https://zagjs.com/overview/installation#using-the-machine:

import { useMachine, normalizeProps } from "@zag-js/react"

  const service = useMachine(tooltip.machine, { id: "1" })

  const api = tooltip.connect(service, normalizeProps)

as useMachine is implemented separately per framework (react, solid, vue...), can't useMachine embed reference to normalizeProps so tooltip.connect can use it, removing need for manually passing it?
e.g

import { useMachine, normalizeProps } from "@zag-js/react"

const service = useMachine(tooltip.machine, { id: "1" })

const api = tooltip.connect(service)

// inside useMachine():
return {
  normalizeProps,
  ...rest,
}

// inside tooltip.connect(service):
service.normalizeProps(...)

originally from discord

[anubra266]

@scarf005 This separates concerns. useMachine is solely for parsing and running a state machine service

[scarf005]

that might be true, but it might harm usability as an end result. maybe adding an wrapper over both will solve the issue?
e.g useService that wraps useMachine and normalizeProps so that:

- const service = useMachine(tooltip.machine, { id: "1" })
+ const service = useService(tooltip.machine, { id: "1" })

- const api = tooltip.connect(service, normalizeProps)
+ const api = tooltip.connect(service)

connect implementation (pseudocode):

public connect(service: Machine & { normalizeProps: NormalizeProps }, normalizeProps?: NormalizeProps)
public connect(service: Machine, normalizeProps: NormalizeProps)
public connect(service: Machine, normalizeProps?: NormalizeProps) {
  const normalize = service?.normalizeProps ?? normalizeProps

  // rest of logic...
}