fetcing data using swr

index.jsx

import React from 'react'
import useSWR from 'swr'

import { fetcher } from '../utils'

const index = () => {
    const { data } = useSWR('... some API Fetch ...', fetcher)

    return (
        <div>
            {data ? (
                <div>
                    {data.map((item, index) => {
                        return (
                            <div>...</div>
                        )
                    })}
                </div>
            ) : (
                <div>
                    <p>Loading</p>
                </div>
            )}
        </div>
    )
}

export default index