useApiUrl undefined. Is not working?

const API_URL = process.env.CAFE24_API_URL
... 

return (
    <RefineKbarProvider>
      <ColorModeContextProvider>
        <CssBaseline />
        <GlobalStyles styles={{ html: { WebkitFontSmoothing: 'auto' } }} />
        <RefineSnackbarProvider>
          <DevtoolsProvider>
            <Refine
              i18nProvider={i18nProvider}
              authProvider={authProvider}
              routerProvider={routerProvider}
              dataProvider={{ default: dataProvider(API_URL!) }}
              accessControlProvider={accessControlProvider}
              notificationProvider={notificationProvider}
              resources={[
                {
                  name: 'customergroups',
                  list: '/customergroups?mall_id=gomangae',
                  meta: {
                    label: '혜택 관리',
                    canDelete: true,
                  },
                },

const API_URL = process.env.CAFE24_API_URL
... 

return (
    <RefineKbarProvider>
      <ColorModeContextProvider>
        <CssBaseline />
        <GlobalStyles styles={{ html: { WebkitFontSmoothing: 'auto' } }} />
        <RefineSnackbarProvider>
          <DevtoolsProvider>
            <Refine
              i18nProvider={i18nProvider}
              authProvider={authProvider}
              routerProvider={routerProvider}
              dataProvider={{ default: dataProvider(API_URL!) }}
              accessControlProvider={accessControlProvider}
              notificationProvider={notificationProvider}
              resources={[
                {
                  name: 'customergroups',
                  list: '/customergroups?mall_id=gomangae',
                  meta: {
                    label: '혜택 관리',
                    canDelete: true,
                  },
                },

customergroups/index.tsx
  const url = useApiUrl('default')
console.log(url) // undefined 

customergroups/index.tsx
  const url = useApiUrl('default')
console.log(url) // undefined