input type='month'でonChangeを使える様にしたいです。

Question

前提・実現したいこと

next jsでtypescriptを使用していて、
input type='month'でonchangeを使える様にしたいです。

発生している問題・エラーメッセージ

 A computed property name must be of type 'string', 'number', 'symbol', or 'any'.

試したこと

handlechangeでsetStartAtを
[<string>startAt]: new Date(event.target.value),や
[startAt:string]: new Date(event.target.value),
としてstring型にしてもダメでした
分かる方がいらっしゃいましたら教えていただきたいです。

該当のソースコード

import React, { useState, useEffect } from 'react';
export default function Index() {
const [startAt, setStartAt] = useState(
        startOfMonth(new Date().setMonth(7)),
    );

function sampleDate(date, format) {
        format = format.replace(/YYYY/g, date.getFullYear());
        format = format.replace(
            /MM/g,
            ('00' + (date.getMonth() + 1)).slice(-2),
        );
        return format;
    }
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
        setStartAt({
            ...startAt,
            [startAt]: new Date(event.target.value),
        });
    };
return (
            <input
               type='month'
               value={sampleDate(startAt, 'YYYY-MM')}
               onChange={handleChange}
             />

)
}

Answer 1

なぜsetStartAtにオブジェクトリテラルを渡しているのでしょうか。渡すべきものはDateそのものなので、オブジェクトを介する必要自体がないかと思います。

Comments

[otaaa]

何度もご回答していただきありがとうございます。
setStartAt( new Date(event.target.value);
としたらうまくいきました。
ありがとうございました。