fetching data using getStaticProps and SWR

index.jsx

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

const index = ({ initialData }) => {
    const { data } = useSWR('...some API path...', fetcher, {
        initialData: initialData,
        refreshInterval: 5000,
    })

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

const getStaticProps = async () => {
    const response = await axios.get('...some API Path...')

    return {
        props: { initialData: response.data },
        revalidate: 1,
    }
}

export default index
export { getStaticProps }