SWR implementation

App.js

import useSWR from "swr";
import "./App.css";

function App() {
  // Fetcher function
  const fetcher = (...args) => fetch(...args).then((res) => res.json());

  // SWR implementation
  const { data, error } = useSWR(
    "https://jsonplaceholder.typicode.com/posts/1",
    fetcher
  );

  if (error) return <div>Failed to load</div>;
  if (!data) return <div>Loading</div>;

  // render data
  return (
    <div className="App">
      <h2>{data.title}</h2>
      <p>{data.body}</p>
    </div>
  );
}

export default App;