Example

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  
  return <div>hello {data.name}!</div>
  
}

see all

~/code/blocks/code-block-pro add-ansi-support* 1m 18s

code-block-pro on  add-ansi-support [!] is 📦 v0.1.0 via  v16.18.0 via 🐘 v8.0.26 took 1m18s
❯ ls -la
.rw-r--r--    98 kevin 14 Oct  2022 .distignore
.rw-r--r--@ 6.1k kevin  7 Jan 23:40 .DS_Store
.rw-r--r--   246 kevin 14 Oct  2022 .editorconfig
.rw-r--r--    23 kevin 14 Oct  2022 .eslintignore
.rw-r--r--  1.9k kevin 14 Oct  2022 .eslintrc
drwxr-xr-x     - kevin  3 Feb 20:17 .git
drwxr-xr-x     - kevin 14 Oct  2022 .github
.rw-r--r--   198 kevin 22 Nov  2022 .gitignore
.rw-r--r--   358 kevin 14 Oct  2022 .prettierrc.js
drwxr-xr-x     - kevin 20 Nov  2022 .wordpress-org
.rw-r--r--   163 kevin 22 Nov  2022 .wp-env.json
drwxr-xr-x     - kevin  3 Feb 20:59 build
.rw-r--r--  1.3k kevin 28 Jan 11:45 code-block-pro.php
drwxr-xr-x     - kevin  3 Feb 19:17 cypress
.rw-r--r--   174 kevin  5 Dec  2022 cypress.config.ts
drwxr-xr-x     - kevin  3 Feb 16:22 node_modules
.rw-r--r--  1.4M kevin  3 Feb 16:22 package-lock.json
.rw-r--r--  2.2k kevin  3 Feb 16:21 package.json
drwxr-xr-x     - kevin  3 Jan 19:56 php
.rw-r--r--  1.5k kevin 18 Nov  2022 postcss.config.js
.rw-r--r--  1.5k kevin 28 Jan 16:01 README.md
.rw-r--r--  9.9k kevin  3 Feb 16:23 readme.txt
drwxr-xr-x     - kevin  3 Feb 12:15 src
.rw-r--r--  2.4k kevin 28 Jan 09:14 tailwind.config.js
.rw-r--r--   589 kevin 14 Oct  2022 tsconfig.json
.rw-r--r--   474 kevin 27 Jan 13:42 webpack.config.js

see all

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  return <div>hello {data.name}!</div>
  
}

JavaScript

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  return <div>hello {data.name}!</div>
  
}

JavaScript

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  return <div>hello {data.name}!</div>
  
}

JavaScript