Next.jsで<input>に入力した数値を計算してから表示したいがundefinedとなる

Next.jsでTypeScriptを用いて<input>に入力した数値を読み取り、計算してJSXに返すことをしたいのですが、関数内のconstの数値が読み込めずundefinedになってしまいます。関数内のconstの数値を読み込む方法はあるのでしょうか。解決法のご教授をよろしくお願いいたします

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

Server Error
ReferenceError: year is not defined

該当のソースコード

JSX
1const Input: FC = () => {
2function onChange1(event: React.ChangeEvent<HTMLInputElement>) {
3    const year:number = Number(event.target.value);
4}
5
6function onChange2(event: React.ChangeEvent<HTMLInputElement>) {
7    const month:number = Number(event.target.value);
8  }
9
10  const Alltime = Math.floor(year*12+month);
11  
12return(<>
13<input type="number" size="5" placeholder="1" onChange={onChange1}/>年
14<p>{Alltime}</p>
15</>
16);
17}
18export default Input;

試したこと

const onChange1 = (event: React.ChangeEvent<HTMLInputElement>) => {
const year:number = Number(event.target.value);
}
const onChange2 = (event: React.ChangeEvent<HTMLInputElement>) => {
const month:number = Number(event.target.value);
}
とし、constの入れ子を試みましたがが同様に読み込めませんでした。