chore: remove IResourceComponentProps type and usage

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") { _%>

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") { _%>

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";
 

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx

@@ -2,7 +2,6 @@
 
 import {
     GetManyResponse,
-    IResourceComponentsProps,
     useMany,
     useNavigation,
 } from "@refinedev/core";

refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import {
-    IResourceComponentsProps,
     useNavigation,
     useOne,
     useResource,

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") { _%>

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";

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";

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") { _%>

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";

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";

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,

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,

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") { _%>

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") { _%>

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,

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,

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

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") { _%>

refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx

@@ -1,6 +1,5 @@
 import {
     GetManyResponse,
-    IResourceComponentsProps,
     useMany,
     useNavigation,
 } from "@refinedev/core";

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") { _%>

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") { _%>

refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx

@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useOne,
     useResource,

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";

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") { _%>

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") { _%>

refine-remix/plugins/headless-example/app/routes/_layout.categories.show.$id.tsx

@@ -1,5 +1,4 @@
 import {
-    IResourceComponentsProps,
     useNavigation,
     useResource,
     useShow,

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,

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";

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";

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,

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,

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") { _%>

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") { _%>

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,

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: {