React component that uses a custom hook

CounterWithHook.tsx

import React from "react";
import useCounter from "../hooks/useCounter";

function CounterWithHook() {
  const [count, increment, decrement] = useCounter();

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
    </div>
  );
}

export default CounterWithHook;