An effect that re-runs on every render

The effect below runs after every render. Why, and what is the simplest fix?

function Chat({ roomId }) {
  function createOptions() {
    return { roomId, server: "wss://chat.example" }
  }
  useEffect(() => {
    const c = connect(createOptions())
    return () => c.close()
  }, [createOptions])
}