import useSWR from 'swr' const HeroSection = () => { const { data, error, isLoading } = useSWR('/api/herosection/123', fetcher) if (error) return <div>failed to load</div> if (isLoading) return <div>loading...</div> // render data return <div>hello {data.name}!</div> }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter