11import styled from '@emotion/styled' ;
2- import { skipToken , useQuery } from '@tanstack/react-query' ;
32import type { Variants } from 'framer-motion' ;
43import { motion } from 'framer-motion' ;
54
@@ -14,7 +13,8 @@ import type {Group} from 'sentry/types/group';
1413import type { Organization } from 'sentry/types/organization' ;
1514import type { Project } from 'sentry/types/project' ;
1615import { trackAnalytics } from 'sentry/utils/analytics' ;
17- import { apiOptions } from 'sentry/utils/api/apiOptions' ;
16+ import { getApiUrl } from 'sentry/utils/api/getApiUrl' ;
17+ import { useApiQuery } from 'sentry/utils/queryClient' ;
1818import CreateSampleEventButton from 'sentry/views/onboarding/createSampleEventButton' ;
1919import { useOnboardingSidebar } from 'sentry/views/onboarding/useOnboardingSidebar' ;
2020
@@ -35,13 +35,16 @@ export function FirstEventFooter({
3535} : FirstEventFooterProps ) {
3636 const { activateSidebar} = useOnboardingSidebar ( ) ;
3737
38- const { data : issues } = useQuery (
39- apiOptions . as < Group [ ] > ( ) ( '/projects/$organizationIdOrSlug/$projectIdOrSlug/issues/' , {
40- path : project . firstEvent
41- ? { organizationIdOrSlug : organization . slug , projectIdOrSlug : project . slug }
42- : skipToken ,
38+ const { data : issues } = useApiQuery < Group [ ] > (
39+ [
40+ getApiUrl ( '/projects/$organizationIdOrSlug/$projectIdOrSlug/issues/' , {
41+ path : { organizationIdOrSlug : organization . slug , projectIdOrSlug : project . slug } ,
42+ } ) ,
43+ ] ,
44+ {
4345 staleTime : Infinity ,
44- } )
46+ enabled : ! ! project . firstEvent ,
47+ }
4548 ) ;
4649
4750 const firstIssue =
0 commit comments