Boilerplate code for SWR hook using IntelliJ WebStorm Live Templates

swr.tsx

import axios from "axios";

// define the fetcher once, export it and use it every where you use useSWR
export const fetcher = (url: string) => axios.get(url).then(res => res.data)

const YOUR_API_ENDPOINT = '';

const { data, isLoading, error} = useSWR(`${YOUR_API_ENDPOINT}`, fetcher)
if (isLoading) return <div><p>loading</p></div>
if (error) return <div><p>error</p></div>

https://www.jetbrains.com/help/webstorm/creating-and-editing-live-templates.html
https://www.jetbrains.com/help/webstorm/template-variables.html