react + next.js + ts

import { useState } from 'react';

interface GreetingProps {
  name: string;
}

const Greeting: React.FC<GreetingProps> = ({ name }) => {
  return <div>Hello, {name}!</div>;
};

const IndexPage: React.FC = () => {
  const [name, setName] = useState('뤼튼');

  return (
    <div>
      <Greeting name={name} />
      <input
        type="text"
        value={name}
        onChange={(event) => setName(event.target.value)}
      />
    </div>
  );
};

export default IndexPage;