I’m using the useState() hook in Deno Fresh, which is based on Preact. In an island I have:

import { useState } from "preact/hooks";

export default function(){
  const [state, setState] = useState('hi')
  const str = 'a'
  setState(str)
  console.log(state)
} 

This works fine. But if I use an object instead:

- const str = 'a'
- setState(str)
+ const obj = {a: 'a'} 
+ setState(obj)

Then it’s trapped in an endless loop. Why is that?