Error with Dashboard Widgets in Sanity Studio V3

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'},
  }
}

plugins: [
    dashboardTool({
      widgets: [
        SampleWidget(), // dashboard widget in ./dashboard-widgets/sample-widget/
      ],
    }),
...

const [location, setLocation] = useState("")