[BUG] npm create refine-app@latest fails with Found 58 errors in 12 files.

[IntranetFactory]

Describe the bug

I just made a fresh install with npm create refine-app@latest and then tried to build the example pages and got a long list errors:

 __________________________________________
/ They asked for a robust B2B solution. We \
\ heard 'time to shine with Refine'!       /
 ------------------------------------------
        \   ^__^
            ■-■¬\_______
            (__)\       )\/\
                ||----w |
                ||     ||
√ Downloaded remote source successfully.
√ Choose a project template · refine-vite
√ What would you like to name your project?: · better-spies-obey
√ Choose your backend service to connect: · data-provider-supabase
√ Do you want to use a UI Framework?: · antd
√ Do you want to add example pages?: · antd-example
√ Choose a package manager: · yarn
√ Mind sharing your email? (We reach out to developers for free priority support, events, and SWAG kits. We never spam.) ·


Success! Created better-spies-obey at c:\tmp\refine/better-spies-obey 🚀

Start developing by:

  › cd c:\tmp\refine/better-spies-obey
  › yarn dev

  › Join us at https://discord.gg/refine


c:\tmp\refine>cd better-spies-obey

c:\tmp\refine\better-spies-obey>yarn build
yarn run v1.22.19
$ tsc && refine build
src/App.tsx:1:10 - error TS2305: Module '"@refinedev/core"' has no exported member 'Authenticated'.

1 import { Authenticated, GitHubBanner, Refine } from "@refinedev/core";
           ~~~~~~~~~~~~~

src/App.tsx:1:25 - error TS2305: Module '"@refinedev/core"' has no exported member 'GitHubBanner'.

1 import { Authenticated, GitHubBanner, Refine } from "@refinedev/core";
                          ~~~~~~~~~~~~

src/App.tsx:1:39 - error TS2305: Module '"@refinedev/core"' has no exported member 'Refine'.

1 import { Authenticated, GitHubBanner, Refine } from "@refinedev/core";
                                        ~~~~~~

src/App.tsx:6:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'AuthPage'.

6   AuthPage,
    ~~~~~~~~

src/App.tsx:7:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'ErrorComponent'.

7   ErrorComponent,
    ~~~~~~~~~~~~~~

src/App.tsx:8:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'ThemedLayoutV2'.

8   ThemedLayoutV2,
    ~~~~~~~~~~~~~~

src/App.tsx:9:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'ThemedSiderV2'.

9   ThemedSiderV2,
    ~~~~~~~~~~~~~

src/App.tsx:10:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useNotificationProvider'.

10   useNotificationProvider,
     ~~~~~~~~~~~~~~~~~~~~~~~

src/App.tsx:20:10 - error TS2305: Module '"@refinedev/supabase"' has no exported member 'dataProvider'.

20 import { dataProvider, liveProvider } from "@refinedev/supabase";
            ~~~~~~~~~~~~

src/App.tsx:20:24 - error TS2305: Module '"@refinedev/supabase"' has no exported member 'liveProvider'.

20 import { dataProvider, liveProvider } from "@refinedev/supabase";
                          ~~~~~~~~~~~~

src/App.tsx:92:35 - error TS7006: Parameter 'props' implicitly has an 'any' type.

92                           Sider={(props) => <ThemedSiderV2 {...props} fixed />}
                                     ~~~~~

src/authProvider.ts:6:19 - error TS7031: Binding element 'email' implicitly has an 'any' type.

6   login: async ({ email, password, providerName }) => {
                    ~~~~~

src/authProvider.ts:6:26 - error TS7031: Binding element 'password' implicitly has an 'any' type.

6   login: async ({ email, password, providerName }) => {
                           ~~~~~~~~

src/authProvider.ts:6:36 - error TS7031: Binding element 'providerName' implicitly has an 'any' type.

6   login: async ({ email, password, providerName }) => {
                                     ~~~~~~~~~~~~

src/authProvider.ts:63:22 - error TS7031: Binding element 'email' implicitly has an 'any' type.

63   register: async ({ email, password }) => {
                        ~~~~~

src/authProvider.ts:63:29 - error TS7031: Binding element 'password' implicitly has an 'any' type.

63   register: async ({ email, password }) => {
                               ~~~~~~~~

src/authProvider.ts:98:28 - error TS7031: Binding element 'email' implicitly has an 'any' type.

98   forgotPassword: async ({ email }) => {
                              ~~~~~

src/authProvider.ts:134:28 - error TS7031: Binding element 'password' implicitly has an 'any' type.

134   updatePassword: async ({ password }) => {
                               ~~~~~~~~

src/authProvider.ts:182:19 - error TS7006: Parameter 'error' implicitly has an 'any' type.

182   onError: async (error) => {
                      ~~~~~

src/components/header/index.tsx:1:15 - error TS2305: Module '"@refinedev/antd"' has no exported member 'RefineThemedLayoutV2HeaderProps'.

1 import type { RefineThemedLayoutV2HeaderProps } from "@refinedev/antd";
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/components/header/index.tsx:2:10 - error TS2305: Module '"@refinedev/core"' has no exported member 'useGetIdentity'.

2 import { useGetIdentity } from "@refinedev/core";
           ~~~~~~~~~~~~~~

src/contexts/color-mode/index.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'RefineThemes'.

1 import { RefineThemes } from "@refinedev/antd";
           ~~~~~~~~~~~~

src/pages/blog-posts/create.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Create'.

1 import { Create, useForm, useSelect } from "@refinedev/antd";
           ~~~~~~

src/pages/blog-posts/create.tsx:1:18 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useForm'.

1 import { Create, useForm, useSelect } from "@refinedev/antd";
                   ~~~~~~~

src/pages/blog-posts/create.tsx:1:27 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useSelect'.

1 import { Create, useForm, useSelect } from "@refinedev/antd";
                            ~~~~~~~~~

src/pages/blog-posts/edit.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Edit'.

1 import { Edit, useForm, useSelect } from "@refinedev/antd";
           ~~~~

src/pages/blog-posts/edit.tsx:1:16 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useForm'.

1 import { Edit, useForm, useSelect } from "@refinedev/antd";
                 ~~~~~~~

src/pages/blog-posts/edit.tsx:1:25 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useSelect'.

1 import { Edit, useForm, useSelect } from "@refinedev/antd";
                          ~~~~~~~~~

src/pages/blog-posts/list.tsx:2:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'DateField'.

2   DateField,
    ~~~~~~~~~

src/pages/blog-posts/list.tsx:3:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'DeleteButton'.

3   DeleteButton,
    ~~~~~~~~~~~~

src/pages/blog-posts/list.tsx:4:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'EditButton'.

4   EditButton,
    ~~~~~~~~~~

src/pages/blog-posts/list.tsx:5:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'List'.

5   List,
    ~~~~

src/pages/blog-posts/list.tsx:6:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'MarkdownField'.

6   MarkdownField,
    ~~~~~~~~~~~~~

src/pages/blog-posts/list.tsx:7:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'ShowButton'.

7   ShowButton,
    ~~~~~~~~~~

src/pages/blog-posts/list.tsx:8:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useTable'.

8   useTable,
    ~~~~~~~~

src/pages/blog-posts/list.tsx:10:22 - error TS2305: Module '"@refinedev/core"' has no exported member 'useMany'.

10 import { BaseRecord, useMany } from "@refinedev/core";
                        ~~~~~~~

src/pages/blog-posts/list.tsx:25:16 - error TS7006: Parameter 'item' implicitly has an 'any' type.

25         ?.map((item) => item?.categories?.id)
                  ~~~~

src/pages/blog-posts/list.tsx:52:41 - error TS7006: Parameter 'item' implicitly has an 'any' type.

52               categoryData?.data?.find((item) => item.id === value?.id)?.title
                                           ~~~~

src/pages/blog-posts/show.tsx:2:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'DateField'.

2   DateField,
    ~~~~~~~~~

src/pages/blog-posts/show.tsx:3:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'MarkdownField'.

3   MarkdownField,
    ~~~~~~~~~~~~~

src/pages/blog-posts/show.tsx:4:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'NumberField'.

4   NumberField,
    ~~~~~~~~~~~

src/pages/blog-posts/show.tsx:5:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Show'.

5   Show,
    ~~~~

src/pages/blog-posts/show.tsx:6:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'TextField'.

6   TextField,
    ~~~~~~~~~

src/pages/blog-posts/show.tsx:8:10 - error TS2305: Module '"@refinedev/core"' has no exported member 'useOne'.

8 import { useOne, useShow } from "@refinedev/core";
           ~~~~~~

src/pages/blog-posts/show.tsx:8:18 - error TS2305: Module '"@refinedev/core"' has no exported member 'useShow'.

8 import { useOne, useShow } from "@refinedev/core";
                   ~~~~~~~

src/pages/categories/create.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Create'.

1 import { Create, useForm } from "@refinedev/antd";
           ~~~~~~

src/pages/categories/create.tsx:1:18 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useForm'.

1 import { Create, useForm } from "@refinedev/antd";
                   ~~~~~~~

src/pages/categories/edit.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Edit'.

1 import { Edit, useForm } from "@refinedev/antd";
           ~~~~

src/pages/categories/edit.tsx:1:16 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useForm'.

1 import { Edit, useForm } from "@refinedev/antd";
                 ~~~~~~~

src/pages/categories/list.tsx:2:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'DeleteButton'.

2   DeleteButton,
    ~~~~~~~~~~~~

src/pages/categories/list.tsx:3:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'EditButton'.

3   EditButton,
    ~~~~~~~~~~

src/pages/categories/list.tsx:4:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'List'.

4   List,
    ~~~~

src/pages/categories/list.tsx:5:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'ShowButton'.

5   ShowButton,
    ~~~~~~~~~~

src/pages/categories/list.tsx:6:3 - error TS2305: Module '"@refinedev/antd"' has no exported member 'useTable'.

6   useTable,
    ~~~~~~~~

src/pages/categories/show.tsx:1:10 - error TS2305: Module '"@refinedev/antd"' has no exported member 'NumberField'.

1 import { NumberField, Show, TextField } from "@refinedev/antd";
           ~~~~~~~~~~~

src/pages/categories/show.tsx:1:23 - error TS2305: Module '"@refinedev/antd"' has no exported member 'Show'.

1 import { NumberField, Show, TextField } from "@refinedev/antd";
                        ~~~~

src/pages/categories/show.tsx:1:29 - error TS2305: Module '"@refinedev/antd"' has no exported member 'TextField'.

1 import { NumberField, Show, TextField } from "@refinedev/antd";
                              ~~~~~~~~~

src/pages/categories/show.tsx:2:10 - error TS2305: Module '"@refinedev/core"' has no exported member 'useShow'.

2 import { useShow } from "@refinedev/core";
           ~~~~~~~


Found 58 errors in 12 files.

Errors  Files
    11  src/App.tsx:1
     8  src/authProvider.ts:6
     2  src/components/header/index.tsx:1
     1  src/contexts/color-mode/index.tsx:1
     3  src/pages/blog-posts/create.tsx:1
     3  src/pages/blog-posts/edit.tsx:1
    10  src/pages/blog-posts/list.tsx:2
     7  src/pages/blog-posts/show.tsx:2
     2  src/pages/categories/create.tsx:1
     2  src/pages/categories/edit.tsx:1
     5  src/pages/categories/list.tsx:2
     4  src/pages/categories/show.tsx:1
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Steps To Reproduce

see above

Expected behavior

getting no errors

Packages

see above

Additional Context

No response

[aliemir]

Hey @IntranetFactory, sorry for the issue. Due to the changes in type declarations with the latest release, now users with Typescript version <5 have this issue. We've prepared a new PR to address this issue #5928. Until this is fixed, you can try upgrading your "typescript" dependency to version 5 and the issue will be resolved.

[IntranetFactory]

That worked. Thank you @aliemir.