Can't use useState() in v3 Dashboard Widget

[dwkns]

I'm learning about Dashboard Widgets in v3.
Why do I get a Uncaught error: null is not an object (evaluating 'dispatcher.useState') error with the following?
What am I doing wrong? And why?

import React, {useState} from 'react'
import {LayoutConfig, DashboardWidget} from '@sanity/dashboard'
import {Flex, Button,  Stack, Text} from '@sanity/ui'

export const SampleWidget = (config: {layout?: LayoutConfig} = {}): DashboardWidget => {
  const [location, setLocation] = useState("")

  const getLocation = async () => {
    let api = await fetch('http://api.open-notify.org/iss-now.json')
    let apijson = await api.json()
    let location = `location is ${apijson.iss_position.latitude} ${apijson.iss_position.longitude}`
    setLocation(location)
    
    console.log(`[ location ]:`, location)
    return location
  }
  const Widget = () => {
    return (
      <Stack space={3} padding={4}>
        <Flex align={'center'}>
          <Text>The location is:</Text>
          <Text>{location}</Text>
        </Flex>

        <Button
          fontSize={2}
          style={{cursor: 'pointer'}}
          paddingY={2}
          text="Get location"
          tone="default"
          onClick={getLocation}
        ></Button>
      </Stack>
    )
  }

  return {
    name: 'sample-widget',
    component: Widget,
    layout: {width: 'medium'},
  }
}