diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/create/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/create/page.tsx
index 79dd8da0..5b0e76a5 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/create/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/create/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Create, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
index 6767a599..9e9ffbff 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Edit, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
index ac8e6483..6dcec56e 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
@@ -9,7 +9,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps, useMany } from "@refinedev/core";
+import { BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
     
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
index f6f037b9..df317ba4 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
@@ -7,7 +7,7 @@ import {
     Show,
     TextField,
 } from "@refinedev/antd";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/categories/create/page.tsx b/refine-nextjs/plugins/antd-example/src/app/categories/create/page.tsx
index 5e3c5cf0..09aed267 100644
--- a/refine-nextjs/plugins/antd-example/src/app/categories/create/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/categories/create/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Create, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/categories/edit/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/categories/edit/[id]/page.tsx
index 3658998c..a04509b3 100644
--- a/refine-nextjs/plugins/antd-example/src/app/categories/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/categories/edit/[id]/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Edit, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/categories/page.tsx b/refine-nextjs/plugins/antd-example/src/app/categories/page.tsx
index 503850d0..32cf1487 100644
--- a/refine-nextjs/plugins/antd-example/src/app/categories/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/categories/page.tsx
@@ -7,7 +7,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps } from "@refinedev/core";
+import { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/antd-example/src/app/categories/show/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/categories/show/[id]/page.tsx
index ee4982db..85a7b4c6 100644
--- a/refine-nextjs/plugins/antd-example/src/app/categories/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/categories/show/[id]/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { NumberField, Show, TextField } from "@refinedev/antd";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
index efee9192..805ef3a1 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
@@ -1,10 +1,6 @@
 "use client"
 
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
index 812f9bdc..968143ba 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -1,10 +1,6 @@
 "use client"
 
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
index 63dbe0df..5b565b8d 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
@@ -2,7 +2,6 @@
 
 import {
     GetManyResponse,
-    IResourceComponentsProps,
     useMany,
     useNavigation,
 } from "@refinedev/core";
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
index e1da251a..33ef44f7 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
@@ -1,7 +1,6 @@
 "use client"
 
 import {
-    IResourceComponentsProps,
     useNavigation,
     useOne,
     useResource,
diff --git a/refine-nextjs/plugins/headless-example/src/app/categories/create/page.tsx b/refine-nextjs/plugins/headless-example/src/app/categories/create/page.tsx
index 7532f21a..75a6f7ae 100644
--- a/refine-nextjs/plugins/headless-example/src/app/categories/create/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/categories/create/page.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/headless-example/src/app/categories/edit/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/categories/edit/[id]/page.tsx
index 48528ac4..3fc58f6b 100644
--- a/refine-nextjs/plugins/headless-example/src/app/categories/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/categories/edit/[id]/page.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 import { Controller } from "react-hook-form";
diff --git a/refine-nextjs/plugins/headless-example/src/app/categories/page.tsx b/refine-nextjs/plugins/headless-example/src/app/categories/page.tsx
index 0f5b59a5..e9fb6d50 100644
--- a/refine-nextjs/plugins/headless-example/src/app/categories/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/categories/page.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
 import { ColumnDef, flexRender } from "@tanstack/react-table";
 import React from "react";
diff --git a/refine-nextjs/plugins/headless-example/src/app/categories/show/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/categories/show/[id]/page.tsx
index cedb13eb..8d88c9f7 100644
--- a/refine-nextjs/plugins/headless-example/src/app/categories/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/categories/show/[id]/page.tsx
@@ -1,11 +1,6 @@
 "use client"
 
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useResource,
-    useShow,
-} from "@refinedev/core";
+import { useNavigation, useResource, useShow } from "@refinedev/core";
 import React from "react";
 import { Controller } from "react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
index 0c26d41a..807bf90b 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Autocomplete, Box, MenuItem, Select, TextField } from '@mui/material'
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
index b0fbfe48..ef4cf10d 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -2,7 +2,6 @@
 
 import { Autocomplete, Box, Select, TextField } from "@mui/material";
 import MenuItem from "@mui/material/MenuItem";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
index 9d4b7646..c4750648 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps, useMany } from "@refinedev/core";
+import { useMany } from "@refinedev/core";
 import {
     DateField,
     DeleteButton,
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
index bb963208..df081ba7 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
@@ -2,7 +2,7 @@
 
 
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import {
     DateField,
     MarkdownField,
diff --git a/refine-nextjs/plugins/mui-example/src/app/categories/create/page.tsx b/refine-nextjs/plugins/mui-example/src/app/categories/create/page.tsx
index ffeb2956..e4e4f5da 100644
--- a/refine-nextjs/plugins/mui-example/src/app/categories/create/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/categories/create/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/mui-example/src/app/categories/edit/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/categories/edit/[id]/page.tsx
index a5ac6a7a..0c4259df 100644
--- a/refine-nextjs/plugins/mui-example/src/app/categories/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/categories/edit/[id]/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-nextjs/plugins/mui-example/src/app/categories/page.tsx b/refine-nextjs/plugins/mui-example/src/app/categories/page.tsx
index 4ebcc9a7..67502a57 100644
--- a/refine-nextjs/plugins/mui-example/src/app/categories/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/categories/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps } from "@refinedev/core";
 import {
     DeleteButton,
     EditButton,
diff --git a/refine-nextjs/plugins/mui-example/src/app/categories/show/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/categories/show/[id]/page.tsx
index 68dd8442..b76278cd 100644
--- a/refine-nextjs/plugins/mui-example/src/app/categories/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/categories/show/[id]/page.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import {
     NumberField,
     Show,
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
index 316f2805..11f11a31 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
@@ -7,7 +7,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps, useMany } from "@refinedev/core";
+import { BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.create.tsx
index 5f5f419d..99c806f6 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.create.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.create.tsx
@@ -1,5 +1,4 @@
 import { Create, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
index af174a02..684656a4 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -1,5 +1,4 @@
 import { Edit, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
index 6556a22e..f6d5bbb5 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -5,7 +5,7 @@ import {
   Show,
   TextField,
 } from "@refinedev/antd";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.categories._index.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.categories._index.tsx
index 09bfdc11..3feb021b 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.categories._index.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.categories._index.tsx
@@ -5,7 +5,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps } from "@refinedev/core";
+import { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.categories.create.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.categories.create.tsx
index ca033560..570986c0 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.categories.create.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.categories.create.tsx
@@ -1,5 +1,4 @@
 import { Create, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.categories.edit.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.categories.edit.$id.tsx
index e057e545..05ce7b59 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.categories.edit.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.categories.edit.$id.tsx
@@ -1,5 +1,4 @@
 import { Edit, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.categories.show.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.categories.show.$id.tsx
index 9fc3f538..d5679cee 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.categories.show.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.categories.show.$id.tsx
@@ -1,5 +1,5 @@
 import { NumberField, Show, TextField } from "@refinedev/antd";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
index 1ecf3a7d..f609d8b5 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
@@ -1,6 +1,5 @@
 import {
     GetManyResponse,
-    IResourceComponentsProps,
     useMany,
     useNavigation,
 } from "@refinedev/core";
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
index 9ac435a8..74531fc3 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
@@ -1,8 +1,4 @@
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
index 92beefad..ed3f6b21 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -1,8 +1,4 @@
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
index 68894e1d..b2487db9 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useOne,
     useResource,
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx
index 5364b1e3..b110fd7c 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
 import { ColumnDef, flexRender } from "@tanstack/react-table";
 import React from "react";
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx
index 223d68b6..cd3676b0 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.categories.create.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx
index e2b34a43..6fa9d34c 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.categories.edit.$id.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx
index d3367858..ac146e87 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx
@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useResource,
     useShow,
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
index ee162f51..dc479e1c 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
@@ -1,5 +1,5 @@
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps, useMany } from "@refinedev/core";
+import { useMany } from "@refinedev/core";
 import {
     DateField,
     DeleteButton,
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
index ba027821..9559dd6f 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
@@ -1,5 +1,4 @@
 import { Autocomplete, Box, MenuItem, Select, TextField } from '@mui/material'
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
index f1076efd..d088ab32 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -1,6 +1,5 @@
 import { Autocomplete, Box, Select, TextField } from "@mui/material";
 import MenuItem from "@mui/material/MenuItem";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
index 912d3c81..4036862c 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -1,5 +1,5 @@
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import {
     DateField,
     MarkdownField,
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.categories._index.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.categories._index.tsx
index 48e45547..f5ad80e3 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.categories._index.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.categories._index.tsx
@@ -1,5 +1,4 @@
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps } from "@refinedev/core";
 import {
     DeleteButton,
     EditButton,
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.categories.create.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.categories.create.tsx
index 407b7c6d..496c1bba 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.categories.create.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.categories.create.tsx
@@ -1,5 +1,4 @@
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.categories.edit.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.categories.edit.$id.tsx
index 89c12f4e..e8f7442c 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.categories.edit.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.categories.edit.$id.tsx
@@ -1,5 +1,4 @@
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.categories.show.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.categories.show.$id.tsx
index 92372c87..0363ecda 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.categories.show.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.categories.show.$id.tsx
@@ -1,5 +1,5 @@
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import {
     NumberField,
     Show,
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/create.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/create.tsx
index fd13da3e..e8c31d3a 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/create.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/create.tsx
@@ -1,5 +1,4 @@
 import { Create, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import MDEditor from "@uiw/react-md-editor";
 import { Form, Input, Select } from "antd";
 import React from "react";
@@ -10,7 +9,7 @@ import React from "react";
     import { POST_CREATE_MUTATION, CATEGORIES_SELECT_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostCreate: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostCreate = () => {
     const { formProps, saveButtonProps } = useForm({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
index db7a62a2..08b9fa7e 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
@@ -1,5 +1,4 @@
 import { Edit, useForm, useSelect } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import MDEditor from "@uiw/react-md-editor";
 import { Form, Input, Select } from "antd";
 import React from "react";
@@ -10,7 +9,7 @@ import React from "react";
     import { POST_EDIT_MUTATION, CATEGORIES_SELECT_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostEdit: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostEdit = () => {
     const { formProps, saveButtonProps, queryResult, formLoading } = useForm({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
index fc451ebe..9e1c7260 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
@@ -7,7 +7,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps, useMany } from "@refinedev/core";
+import { BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -17,7 +17,7 @@ import { BLOG_POSTS_QUERY } from './queries'
     import { POSTS_LIST_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostList: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostList = () => {
     const { tableProps } = useTable({
         syncWithLocation: true,
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
index b484b744..ef3867fd 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
@@ -5,7 +5,7 @@ import {
     Show,
     TextField,
 } from "@refinedev/antd";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -17,7 +17,7 @@ import React from "react";
 
 const { Title } = Typography;
 
-export const BlogPostShow: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostShow = () => {
     const { queryResult } = useShow({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/antd-example/src/pages/categories/create.tsx b/refine-vite/plugins/antd-example/src/pages/categories/create.tsx
index 834d7125..3f5a1361 100644
--- a/refine-vite/plugins/antd-example/src/pages/categories/create.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/categories/create.tsx
@@ -1,5 +1,4 @@
 import { Create, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -9,7 +8,7 @@ import React from "react";
     import { CATEGORY_CREATE_MUTATION } from './queries'
 <%_ } _%>
 
-export const CategoryCreate: React.FC<IResourceComponentsProps> = () => {
+export const CategoryCreate = () => {
     const { formProps, saveButtonProps } = useForm({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/antd-example/src/pages/categories/edit.tsx b/refine-vite/plugins/antd-example/src/pages/categories/edit.tsx
index 3894f821..55e94672 100644
--- a/refine-vite/plugins/antd-example/src/pages/categories/edit.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/categories/edit.tsx
@@ -1,5 +1,4 @@
 import { Edit, useForm } from "@refinedev/antd";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -10,7 +9,7 @@ import React from "react";
 <%_ } _%>
 
 
-export const CategoryEdit: React.FC<IResourceComponentsProps> = () => {
+export const CategoryEdit = () => {
     const { formProps, saveButtonProps } = useForm({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/antd-example/src/pages/categories/list.tsx b/refine-vite/plugins/antd-example/src/pages/categories/list.tsx
index d40058f6..16b735c7 100644
--- a/refine-vite/plugins/antd-example/src/pages/categories/list.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/categories/list.tsx
@@ -5,7 +5,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, IResourceComponentsProps } from "@refinedev/core";
+import { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -16,7 +16,7 @@ import React from "react";
 <%_ } _%>
 
 
-export const CategoryList: React.FC<IResourceComponentsProps> = () => {
+export const CategoryList = () => {
     const { tableProps } = useTable({
         syncWithLocation: true,
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-vite/plugins/antd-example/src/pages/categories/show.tsx b/refine-vite/plugins/antd-example/src/pages/categories/show.tsx
index 64648c52..c98a4e92 100644
--- a/refine-vite/plugins/antd-example/src/pages/categories/show.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/categories/show.tsx
@@ -1,5 +1,5 @@
 import { NumberField, Show, TextField } from "@refinedev/antd";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -11,7 +11,7 @@ import React from "react";
 
 const { Title } = Typography;
 
-export const CategoryShow: React.FC<IResourceComponentsProps> = () => {
+export const CategoryShow = () => {
     const { queryResult } = useShow({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
index e58b4cad..79a2c181 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
@@ -1,8 +1,4 @@
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -13,7 +9,7 @@ import React from "react";
 <%_ } _%>
 
 
-export const BlogPostCreate: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostCreate = () => {
     const { list } = useNavigation();
 
     const {
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
index 97eda282..008d4e4e 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
@@ -1,8 +1,4 @@
-import {
-    IResourceComponentsProps,
-    useNavigation,
-    useSelect,
-} from "@refinedev/core";
+import { useNavigation, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -12,7 +8,7 @@ import React from "react";
     import { POST_EDIT_MUTATION, CATEGORIES_SELECT_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostEdit: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostEdit = () => {
     const { list } = useNavigation();
 
     const {
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
index 8901a80a..01ff37f3 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
@@ -1,6 +1,5 @@
 import {
     GetManyResponse,
-    IResourceComponentsProps,
     useMany,
     useNavigation,
 } from "@refinedev/core";
@@ -14,7 +13,7 @@ import { BLOG_POSTS_QUERY } from './queries'
     import { POSTS_LIST_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostList: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostList = () => {
     const columns = React.useMemo<ColumnDef<any>[]>(
         () => [
             {
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
index 5624b84d..2492264f 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useOne,
     useResource,
@@ -13,7 +12,7 @@ import React from "react";
     import { POST_SHOW_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostShow: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostShow = () => {
     const { edit, list } = useNavigation();
     const { id } = useResource();
     const { queryResult } = useShow({
diff --git a/refine-vite/plugins/headless-example/src/pages/categories/create.tsx b/refine-vite/plugins/headless-example/src/pages/categories/create.tsx
index d6e73754..d3864d89 100644
--- a/refine-vite/plugins/headless-example/src/pages/categories/create.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/categories/create.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -8,7 +8,7 @@ import React from "react";
     import { CATEGORY_CREATE_MUTATION } from './queries'
 <%_ } _%>
 
-export const CategoryCreate: React.FC<IResourceComponentsProps> = () => {
+export const CategoryCreate = () => {
     const { list } = useNavigation();
 
     const {
diff --git a/refine-vite/plugins/headless-example/src/pages/categories/edit.tsx b/refine-vite/plugins/headless-example/src/pages/categories/edit.tsx
index a29d66e6..26d11b74 100644
--- a/refine-vite/plugins/headless-example/src/pages/categories/edit.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/categories/edit.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -8,7 +8,7 @@ import React from "react";
     import { CATEGORY_EDIT_MUTATION } from './queries'
 <%_ } _%>
 
-export const CategoryEdit: React.FC<IResourceComponentsProps> = () => {
+export const CategoryEdit = () => {
     const { list } = useNavigation();
 
     const {
diff --git a/refine-vite/plugins/headless-example/src/pages/categories/list.tsx b/refine-vite/plugins/headless-example/src/pages/categories/list.tsx
index f8f03de9..3732180a 100644
--- a/refine-vite/plugins/headless-example/src/pages/categories/list.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/categories/list.tsx
@@ -1,4 +1,4 @@
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
 import { ColumnDef, flexRender } from "@tanstack/react-table";
 import React from "react";
@@ -10,7 +10,7 @@ import { CATEGORIES_QUERY } from './queries'
 <%_ } _%>
 
 
-export const CategoryList: React.FC<IResourceComponentsProps> = () => {
+export const CategoryList = () => {
     const columns = React.useMemo<ColumnDef<any>[]>(
         () => [
             {
diff --git a/refine-vite/plugins/headless-example/src/pages/categories/show.tsx b/refine-vite/plugins/headless-example/src/pages/categories/show.tsx
index 06e11ac5..89bad717 100644
--- a/refine-vite/plugins/headless-example/src/pages/categories/show.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/categories/show.tsx
@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useResource,
     useShow,
@@ -12,7 +11,7 @@ import React from "react";
     import { CATEGORY_SHOW_QUERY } from './queries'
 <%_ } _%>
 
-export const CategoryShow: React.FC<IResourceComponentsProps> = () => {
+export const CategoryShow = () => {
     const { edit, list } = useNavigation();
     const { id } = useResource();
     const { queryResult } = useShow({
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
index a923dab5..f75ca27d 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
@@ -1,5 +1,4 @@
 import { Autocomplete, Box, MenuItem, Select, TextField } from '@mui/material'
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
@@ -11,7 +10,7 @@ import { Controller } from "react-hook-form";
     import { POST_CREATE_MUTATION, CATEGORIES_SELECT_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostCreate: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostCreate = () => {
     const {
         saveButtonProps,
         refineCore: {  formLoading },
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
index d9940751..68d35152 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
@@ -1,6 +1,5 @@
 import { Autocomplete, Box, Select, TextField } from "@mui/material";
 import MenuItem from "@mui/material/MenuItem";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import React from "react";
@@ -12,7 +11,7 @@ import { Controller } from "react-hook-form";
     import { POST_EDIT_MUTATION, CATEGORIES_SELECT_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostEdit: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostEdit = () => {
     const {
         saveButtonProps,
         refineCore: { queryResult, formLoading },
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
index 8beb0d44..1160a457 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
@@ -1,5 +1,5 @@
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps, useMany } from "@refinedev/core";
+import { useMany } from "@refinedev/core";
 import {
     DateField,
     DeleteButton,
@@ -18,7 +18,7 @@ import React from "react";
 <%_ } _%>
 
     
-export const BlogPostList: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostList = () => {
     const { dataGridProps } = useDataGrid({
         syncWithLocation: true,
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
index 06268c7c..a14c7713 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
@@ -1,5 +1,5 @@
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
+import { useOne, useShow } from "@refinedev/core";
 import {
     DateField,
     MarkdownField,
@@ -14,7 +14,7 @@ import {
     import { POST_SHOW_QUERY } from './queries'
 <%_ } _%>
 
-export const BlogPostShow: React.FC<IResourceComponentsProps> = () => {
+export const BlogPostShow = () => {
     const { queryResult } = useShow({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/mui-example/src/pages/categories/create.tsx b/refine-vite/plugins/mui-example/src/pages/categories/create.tsx
index 65615317..515f1386 100644
--- a/refine-vite/plugins/mui-example/src/pages/categories/create.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/categories/create.tsx
@@ -1,5 +1,4 @@
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Create } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -9,7 +8,7 @@ import { useForm } from "@refinedev/react-hook-form";
     import { CATEGORY_CREATE_MUTATION } from './queries'
 <%_ } _%>
 
-export const CategoryCreate: React.FC<IResourceComponentsProps> = () => {
+export const CategoryCreate = () => {
     const {
         saveButtonProps,
         refineCore: { formLoading },
diff --git a/refine-vite/plugins/mui-example/src/pages/categories/edit.tsx b/refine-vite/plugins/mui-example/src/pages/categories/edit.tsx
index c376bfe9..a28ea59f 100644
--- a/refine-vite/plugins/mui-example/src/pages/categories/edit.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/categories/edit.tsx
@@ -1,5 +1,4 @@
 import { Box, TextField } from "@mui/material";
-import { IResourceComponentsProps } from "@refinedev/core";
 import { Edit } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
@@ -9,7 +8,7 @@ import { useForm } from "@refinedev/react-hook-form";
     import { CATEGORY_EDIT_MUTATION } from './queries'
 <%_ } _%>
 
-export const CategoryEdit: React.FC<IResourceComponentsProps> = () => {
+export const CategoryEdit = () => {
     const {
         saveButtonProps,
         register,
diff --git a/refine-vite/plugins/mui-example/src/pages/categories/list.tsx b/refine-vite/plugins/mui-example/src/pages/categories/list.tsx
index cdf85094..829c60d7 100644
--- a/refine-vite/plugins/mui-example/src/pages/categories/list.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/categories/list.tsx
@@ -1,5 +1,4 @@
 import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { IResourceComponentsProps } from "@refinedev/core";
 import {
     DeleteButton,
     EditButton,
@@ -15,7 +14,7 @@ import React from "react";
     import { CATEGORIES_LIST_QUERY } from './queries'
 <%_ } _%>
 
-export const CategoryList: React.FC<IResourceComponentsProps> = () => {
+export const CategoryList = () => {
     const { dataGridProps } = useDataGrid({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
diff --git a/refine-vite/plugins/mui-example/src/pages/categories/show.tsx b/refine-vite/plugins/mui-example/src/pages/categories/show.tsx
index 9890a5f0..ba1a19a2 100644
--- a/refine-vite/plugins/mui-example/src/pages/categories/show.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/categories/show.tsx
@@ -1,5 +1,5 @@
 import { Stack, Typography } from "@mui/material";
-import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import { useShow } from "@refinedev/core";
 import {
     NumberField,
     Show,
@@ -12,7 +12,7 @@ import {
     import { CATEGORY_SHOW_QUERY } from './queries'
 <%_ } _%>
 
-export const CategoryShow: React.FC<IResourceComponentsProps> = () => {
+export const CategoryShow = () => {
     const { queryResult } = useShow({
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
             meta: {