Function RowComponent

packages/solid-db/tests/useLiveQuery.test.tsx:1974–1983

(props: { person: { id: string; name: string } })

      const nameEffectCounts: Record<string, number> = {}

      function RowComponent(props: { person: { id: string; name: string } }) {
        const id = props.person.id
        // createComputed fires once initially and again each time person.name changes
        createComputed(() => {
          // Access name to subscribe to it
          void props.person.name
          nameEffectCounts[id] = (nameEffectCounts[id] || 0) + 1
        })
        return <li data-testid={`person-${id}`}>{props.person.name}</li>
      }

      function TestComponent() {
        const query = useLiveQuery((q) =>