[BUG] npm create refine-app@latest fails with Found 58 errors in 12 files.
IntranetFactory opened this issue · 2 comments
IntranetFactory commented
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 commented
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 commented
That worked. Thank you @aliemir.