Child component is refreshed after each update

[camer100]

import React from "react"
import { proxy, useSnapshot } from "valtio"

const state = proxy({ count: 0 })

function Child1 () {
  console.log("child1 refresh")
  return <div>child1</div>
}
function Child2 () {
  console.log("child2 refresh")
  return <div>child2</div>
}
export default function App () {
  console.log("refresh app")
  const snap = useSnapshot(state)
  return (
    <div className="App" style={{ height: 500, padding: 20 }}>
      <Child1 />
      <Child2 />
      {snap.count}
      <button type="button" onClick={() => { state.count++ }}>aaa</button>
    </div>
  )
}

Child1 and Child2 refresh every time, but not any update in these component.

react: 18.2.0
valtio: 1.12.1

[camer100]

[dai-shi]

Child rerenders when the parent component rerenders. It's React's default behavior.

[camer100]

Yeah, my bad