Medium: OpenAPI and CodeGen - React

App.tsx

import React from "react";
import { Bar, FirstApi } from "./gen/api";

function App() {
  const [bar, setBar] = React.useState<Bar>({})

  React.useEffect(() => {
    new FirstApi(undefined, "http://localhost:8000").getFoo().then((res) => {
      setBar(res.data);
    });
  }, [])

  return <ul>{bar.items?.map(x => <li key={x}>{x}</li>)}</ul>
}

export default App;