为什么简单的组件渲染两次

Question

想知道如何避免这种情况：

从'react'导入React，{useRef}

function TestComponent() {
  console.log('+++++ rerender')
  const myState = useRef(false)

  return (
    <div>
      test
    </div>
  )
}

export default TestComponent

控制台：

+++++ rerender
+++++ rerender

如果我注释行 const myState = useRef(false) 那么它只引用一次：

+++++ rerender

有没有办法避免这种情况？这发生在 react 16.x 中，但在 react 17.x 中工作正常