generic-app.tsx

import * as React from "react";
import "./styles.css";
import useTest from "./hook";

interface User {
  name: string;
  email: string;
  age: number;
}

export default function App() {
  const [getUser, errorMessage, user] = useTest<User>();
  return (
    <div className="App">
      <h1>Simple API Hook Demo</h1>
      <button onClick={() => getUser("/users/123")}>Get User</button>
      <div>
        {user ? (
          <div>
            <h5>{user.name}</h5>
            <h6>{user.email}</h6>
            <h6>{user.age}</h6>
          </div>
        ) : (
          <h6 style={{ color: "red" }}>{errorMessage}</h6>
        )}
      </div>
    </div>
  );
}