如何在我的React Typescript计数器中支持类型接口的钻取？

interface CounterProps {
  count: number;
  increment: () => void;
}

import React from 'react';

const Counter: React.FC<CounterProps> = ({ count, increment }) => {
  return (
    <div>
      <button onClick={increment}>增加计数</button>
      <p>当前计数：{count}</p>
    </div>
  );
};

export default Counter;

import React, { useState } from 'react';
import Counter from './Counter';

const App: React.FC = () => {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(prevCount => prevCount + 1);
  };

  return (
    <div>
      <Counter count={count} increment={increment} />
    </div>
  );
};

export default App;