TypeScript オブジェクトの一部のプロパティだけを抽出したオブジェクトのstate更新

Question

import React, {useState, useEffect} from "react";

interface User {
  id: number;
  name: string;
  age: number;
  birth: Date;
  ...
  ..
}

const user1 = {id: 1, name: "user1", age: 20, birth...};

const [userIdentifier, setUserIdentifier] = useState<Pick<User, "id" | "name", | "age">>(); // Userからid, name, ageプロパティ以外を除いたオブジェクトリテラル型

useEffect(() => {
  setUserIdentifier({...user1}) // <- birth以下も含まれてしまう
  setUserIdentifier({id: user1.id, name: user1.name, age: user1.age}) // <- 冗長
}, [])

上記で、User型から一部のプロパティ(id, name, age)のみを含んだ型のstateを更新したい場合、上の例以外で上手い書き方が無いか教えてください。（理想は簡潔なコードで、userIdentifier = {id: 1, name: "user1", age: 20}となっていることです。）

Answer 1

配列をas constで作っておくと、型としても利用できます。

const keys = ["id", "name", "age"] as const;

// 配列の型から値の型を抽出
type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType[number];

const [userIdentifier, setUserIdentifier] = useState<Pick<User, ArrayElement<typeof keys>>>();

// 型チェックは部分的に止める必要があるかもしれないです
setUserIdentifier(Object.fromEntries(keys.map(key => [key, user1[key]])))