scalajs-react - scalajs-react のバックエンドで StateSnapshots を使用する

Question

StateSnapshot の例のメイン コンポーネントはバックエンドを使用していませんが、バックエンドが必要です。私の試み：

class MainBackend($ : BackendScope[Unit, Name]) {
  def render(name: Name) = {
    val firstNameV = StateSnapshot.zoomL(Name.firstName).of(name)
    val surnameV = StateSnapshot.zoomL(Name.surname).of(name)
    <.div(
      <.label("First name:", NameChanger(firstNameV)),
      <.label("Surname:", NameChanger(surnameV)),
      <.p(s"My name is ${name.surname}, ${name.firstName} ${name.surname}.")
    )
  }
}

val Main = ScalaComponent
  .builder[Unit]("StateSnapshot example")
  .initialState(Name("John", "Wick"))
  .renderBackend[MainBackend]
  .build

value firstName is not a member of object app.TreeView.Name行でコンパイル エラーが発生しますval surnameV = StateSnapshot.zoomL(Name.surname).of(name)。