Recursive react render bug

[HexaField]

The following code will cause a recursive render loop. Changing state2 from {} to a primitive value (such as true) OR removing the .value stops the behavior. Is this intentional? Why is using .value in dependencies like this causing a recursive re-render? In virtually all other cases, using .value in a dependency does not cause re-renders of any kind.

const Child = (props: { state: any }) => {
  const state2 = useHookstate({})
  
  useEffect(() => {
    props.state.set({})
  }, [state2.value]) // getting rid of .value here solves the problem
  
  return <></>
}

const Parent = () => {
  const state = useHookstate({})

  useEffect(() => {
    console.log('state', state.value)
  }, [state])

  return <Child state={state} />
}

[speigg]

Issue is reproduced in a test case here: speigg@cbe5e3a

[speigg]

Also, to clarify, the issue is that the useEffect runs more than it should.