型情報を持ったオブジェクトの作成方法

Question

前提・実現したいこと

Object.entriesを用いてkeyの値はそのまま、valueを既存のvalueに少し文字列を付け加えたオブジェクトを作成したいのですが、どのようにすべきでしょうか？

現時点では型情報を持たないオブジェクトのままで、扱えない状態となっています。

該当のソースコード

const breakPoints = {
  small: '200px',
  medium: '300px',
  large: '400px'
};

const mediaQueries = Object.entries(breakPoints).reduce((queries, [key, value]) => {
  queries[key] = `@media (min-width: ${value})`
  return queries;
}, {} as { [key: string]: string });

補足情報（FW/ツールのバージョンなど）

TypeScript 3.7.2

Answer 1

処理部分を関数にくくりだして、「同じ形のオブジェクトを返す」と示してみてはどうでしょうか。

// この中ではある程度型情報の無視をやらないといけないかもしれません
function makeMediaQuery<T>(base: T): T {
    return Object.entries(base).reduce((queries, [key, value]) => {
        queries[key] = `@media (min-width: ${value})`
        return queries;
    }, {})
}