Ở đây mình viết 1 file api dùng chung cho các hàm để có thể sử dụng ở mọi file cần tới hàm đó src/api/client.tsx

import React from "react";
import axios from "axios";
export const fetcher = (url) => fetch(url).then((res) => res.json());
export const fetcher1 = (url) => axios.get(url).then((res)=>res.data)

Trong file src/App.tsx

chúng ta sẽ gọi hàm feacher ra như sau

import {useState} from 'react'
import reactLogo from './assets/react.svg'
import './App.css'

import useSWR from 'swr';
import {fetcher, fetcher1} from "./api/client";


function App() {
    const [posts,setPost] = useState();
    const {data,error,isLoading } = useSWR('https://api.github.com/repos/vercel/swr',fetcher1);
    if (error) return 

if (isLoading) return

// @ts-ignore return ( <> {data.created_at} ) } export default App