From a52ffdd816eddf04d54cd06dee4e4d662594e7dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=B1ld=C4=B1ray=20=C3=9Cnl=C3=BC?=
 <yildirayyunlu@gmail.com>
Date: Wed, 2 Jun 2021 15:53:01 +0300
Subject: [PATCH 1/5] Update Identifier -> string.

---
 .../guides-and-concepts/hooks/data/useCreate.md    |  2 +-
 .../hooks/data/useCreateMany.md                    |  2 +-
 .../guides-and-concepts/hooks/data/useDelete.md    | 10 +++++-----
 .../hooks/data/useDeleteMany.md                    | 10 +++++-----
 .../guides-and-concepts/hooks/data/useUpdate.md    |  2 +-
 .../hooks/data/useUpdateMany.md                    | 10 +++++-----
 example/src/components/pages/category.tsx          | 10 ++++++----
 example/src/components/pages/landing.tsx           |  4 ++--
 example/src/components/pages/post-light.tsx        |  6 +++---
 example/src/components/pages/post.tsx              |  4 ++--
 example/src/components/pages/tag.tsx               |  4 ++--
 example/src/components/pages/tags.tsx              |  4 ++--
 example/src/components/pages/user.tsx              |  2 +-
 examples/useDeleteMany/src/pages/posts/list.tsx    |  6 ++----
 examples/useUpdateMany/src/pages/posts/list.tsx    |  6 ++----
 .../core/src/components/buttons/clone/index.tsx    |  2 +-
 .../core/src/components/buttons/delete/index.tsx   |  2 +-
 .../core/src/components/buttons/edit/index.tsx     |  2 +-
 .../core/src/components/buttons/refresh/index.tsx  |  2 +-
 .../core/src/components/buttons/show/index.tsx     |  2 +-
 packages/core/src/components/crud/edit/index.tsx   |  2 +-
 packages/core/src/components/crud/show/index.tsx   |  2 +-
 packages/core/src/contexts/data/IDataContext.ts    | 14 +++++++-------
 packages/core/src/hooks/data/useDelete.ts          | 10 +++-------
 .../core/src/hooks/data/useDeleteMany.spec.tsx     |  4 ++--
 packages/core/src/hooks/data/useDeleteMany.ts      | 13 +++++--------
 packages/core/src/hooks/data/useMany.ts            |  3 +--
 packages/core/src/hooks/data/useOne.ts             |  3 +--
 packages/core/src/hooks/data/useUpdate.ts          |  8 ++------
 packages/core/src/hooks/data/useUpdateMany.ts      |  9 ++++-----
 .../src/hooks/form/useCloneForm/useCloneForm.ts    | 10 +++++-----
 .../src/hooks/form/useCreateForm/useCreateForm.ts  |  8 ++++----
 .../form/useDrawerForm/useDrawerForm.spec.tsx      |  2 +-
 .../src/hooks/form/useDrawerForm/useDrawerForm.ts  |  2 +-
 .../core/src/hooks/form/useEditForm/useEditForm.ts | 10 +++++-----
 packages/core/src/hooks/form/useForm.ts            | 10 +++++-----
 .../hooks/form/useModalForm/useModalForm.spec.tsx  |  2 +-
 .../src/hooks/form/useModalForm/useModalForm.ts    |  2 +-
 packages/core/src/hooks/navigation/index.spec.tsx  | 12 ++++++------
 packages/core/src/hooks/navigation/index.ts        | 14 +++-----------
 packages/core/src/hooks/redirection/index.ts       |  4 ++--
 .../useEditableTable/useEditableTable.spec.tsx     |  2 +-
 .../table/useEditableTable/useEditableTable.ts     |  8 ++++----
 packages/core/src/interfaces/index.ts              |  4 +---
 .../src/interfaces/reducers/resource/resource.d.ts |  2 +-
 packages/core/types/sunflower.d.ts                 |  3 ++-
 packages/json-server/test/deleteMany/index.spec.ts |  2 +-
 packages/json-server/test/deleteOne/index.spec.ts  |  2 +-
 packages/json-server/test/getMany/index.spec.ts    |  2 +-
 packages/json-server/test/getOne/index.spec.ts     |  2 +-
 packages/json-server/test/update/index.spec.ts     |  2 +-
 packages/json-server/test/updateMany/index.spec.ts |  2 +-
 packages/strapi/src/dataProvider.ts                |  4 +---
 packages/strapi/test/dataProvider/index.spec.ts    |  8 ++++----
 54 files changed, 126 insertions(+), 153 deletions(-)

diff --git a/documentation/docs/guides-and-concepts/hooks/data/useCreate.md b/documentation/docs/guides-and-concepts/hooks/data/useCreate.md
index d1e2744f2661..9d341866341b 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useCreate.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useCreate.md
@@ -39,7 +39,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
-    id: string | number;
+    id: string;
     title: string;
 }
 
diff --git a/documentation/docs/guides-and-concepts/hooks/data/useCreateMany.md b/documentation/docs/guides-and-concepts/hooks/data/useCreateMany.md
index 7f97c64910b8..82f095b4f047 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useCreateMany.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useCreateMany.md
@@ -36,7 +36,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
-    id: string | number;
+    id: string;
     title: string;
 }
 
diff --git a/documentation/docs/guides-and-concepts/hooks/data/useDelete.md b/documentation/docs/guides-and-concepts/hooks/data/useDelete.md
index cb7fa28bb84a..f0d57c8c5baa 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useDelete.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useDelete.md
@@ -76,7 +76,7 @@ Variables passed to `mutate` must have the type of
 
 ```tsx
 {
-    id: string | number;
+    id: string;
 }
 ```
 :::
@@ -146,9 +146,9 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
- | Description                               | Type                                                                                                                                                                   |
- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
- | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { id: Identifier; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation) |
+ | Description                               | Type                                                                                                                                                               |
+ | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+ | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { id: string; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation) |
 
->`*` [Refer to documentation for `Identifier` &#8594](#) and [`DeleteContext` &#8594](#)
+>`*` [Refer to documentation for [`DeleteContext` &#8594](#)
 
diff --git a/documentation/docs/guides-and-concepts/hooks/data/useDeleteMany.md b/documentation/docs/guides-and-concepts/hooks/data/useDeleteMany.md
index b0b042b36081..bb7ce34ec2d8 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useDeleteMany.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useDeleteMany.md
@@ -80,7 +80,7 @@ Values passed to `mutate` must have the type of
 
 ```tsx
 {
-    ids: (string | number)[];
+    ids: (string)[];
 }
 ```
 :::
@@ -150,11 +150,11 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
-| Description                               | Type                                                                                                                                                                       |
-| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { ids: Identifier[]; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation)* |
+| Description                               | Type                                                                                                                                                                   |
+| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { ids: string[]; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation)* |
 
->`*` Refer to documentation for `Identifier` &#8594](#) and [`DeleteContext` &#8594](#)
+>`*` Refer to documentation for [`DeleteContext` &#8594](#)
 
 
 <!-- >`TData` and `TError` are type parameters that `useDeleteMany` accepts.
diff --git a/documentation/docs/guides-and-concepts/hooks/data/useUpdate.md b/documentation/docs/guides-and-concepts/hooks/data/useUpdate.md
index 41ff0ac8c2c1..1fa3621a8685 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useUpdate.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useUpdate.md
@@ -38,7 +38,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
-    id: string | number;
+    id: string;
     title: string;
 }
 
diff --git a/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md b/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
index 5e4644830a2b..4cc449f4d3eb 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
@@ -87,7 +87,7 @@ Values passed to `mutate` must have the type of
 
 ```tsx
 {
-    ids: (string | number)[];
+    ids: (string)[];
     values: TVariables = {};
 }
 ```
@@ -159,8 +159,8 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
- | Description                               | Type                                                                                                                                                                                           |
- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
- | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { ids: Identifier[]; values: TVariables; },`<br/>` UpdateContext>`](https://react-query.tanstack.com/reference/useMutation)* |
+ | Description                               | Type                                                                                                                                                                                       |
+ | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+ | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>`  { ids: string[]; values: TVariables; },`<br/>` UpdateContext>`](https://react-query.tanstack.com/reference/useMutation)* |
 
->`*` [Refer to documentation for `UpdateContext` &#8594](#) and [`Identifier` &#8594](#)
+>`*` [Refer to documentation for `UpdateContext` &#8594](#).
diff --git a/example/src/components/pages/category.tsx b/example/src/components/pages/category.tsx
index 065e228d13d6..013dba0b1de2 100644
--- a/example/src/components/pages/category.tsx
+++ b/example/src/components/pages/category.tsx
@@ -129,9 +129,9 @@ export const CategoryList: React.FC<IResourceComponentsProps> = (props) => {
                         dataIndex="actions"
                         key="actions"
                         render={(
-                            _text: string | number,
+                            _text: string,
                             record: {
-                                id: string | number;
+                                id: string;
                             },
                         ): React.ReactNode => {
                             if (isEditing(record.id)) {
@@ -153,12 +153,14 @@ export const CategoryList: React.FC<IResourceComponentsProps> = (props) => {
                             return (
                                 <Space>
                                     <EditButton
-                                        {...editButtonProps(record.id)}
+                                        {...editButtonProps(
+                                            record.id.toString(),
+                                        )}
                                         size="small"
                                     />
                                     <DeleteButton
                                         size="small"
-                                        recordItemId={record.id}
+                                        recordItemId={record.id.toString()}
                                     />
                                 </Space>
                             );
diff --git a/example/src/components/pages/landing.tsx b/example/src/components/pages/landing.tsx
index 79c9124b35e7..d5fc44b68bf8 100644
--- a/example/src/components/pages/landing.tsx
+++ b/example/src/components/pages/landing.tsx
@@ -77,9 +77,9 @@ export const LandingList: React.FC<IResourceComponentsProps> = (props) => {
                         dataIndex="actions"
                         key="actions"
                         render={(
-                            _text: string | number,
+                            _text: string,
                             record: {
-                                id: string | number;
+                                id: string;
                             },
                         ): React.ReactNode => (
                             <Space>
diff --git a/example/src/components/pages/post-light.tsx b/example/src/components/pages/post-light.tsx
index 49b8afc45736..18a7f81ea982 100644
--- a/example/src/components/pages/post-light.tsx
+++ b/example/src/components/pages/post-light.tsx
@@ -112,9 +112,9 @@ export const PostLightList: React.FC<IResourceComponentsProps> = (props) => {
                         dataIndex="actions"
                         key="actions"
                         render={(
-                            _text: string | number,
+                            _text: string,
                             record: {
-                                id: string | number;
+                                id: string;
                             },
                         ): React.ReactNode => (
                             <Space>
@@ -136,7 +136,7 @@ export const PostLightList: React.FC<IResourceComponentsProps> = (props) => {
                                 />
                                 <CloneButton
                                     onClick={() => {
-                                        createModalShow(record.id);
+                                        createModalShow(record.id.toString());
                                     }}
                                 />
                             </Space>
diff --git a/example/src/components/pages/post.tsx b/example/src/components/pages/post.tsx
index 2bd2128d03a1..30ee4fd8efd6 100644
--- a/example/src/components/pages/post.tsx
+++ b/example/src/components/pages/post.tsx
@@ -242,9 +242,9 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
                     dataIndex="actions"
                     key="actions"
                     render={(
-                        _text: string | number,
+                        _text: string,
                         record: {
-                            id: string | number;
+                            id: string;
                         },
                     ): React.ReactNode => (
                         <Space>
diff --git a/example/src/components/pages/tag.tsx b/example/src/components/pages/tag.tsx
index aaedbac18de0..d0c3b8c6dce2 100644
--- a/example/src/components/pages/tag.tsx
+++ b/example/src/components/pages/tag.tsx
@@ -104,9 +104,9 @@ export const TagList: React.FC<IResourceComponentsProps> = (props) => {
                     dataIndex="actions"
                     key="actions"
                     render={(
-                        _text: string | number,
+                        _text: string,
                         record: {
-                            id: string | number;
+                            id: string;
                         },
                     ): React.ReactNode => (
                         <Space>
diff --git a/example/src/components/pages/tags.tsx b/example/src/components/pages/tags.tsx
index 23d7fc782ba8..3d98817ca63b 100644
--- a/example/src/components/pages/tags.tsx
+++ b/example/src/components/pages/tags.tsx
@@ -54,9 +54,9 @@ export const TagsList: React.FC<IResourceComponentsProps> = (props) => {
                     dataIndex="actions"
                     key="actions"
                     render={(
-                        _text: string | number,
+                        _text: string,
                         record: {
-                            id: string | number;
+                            id: string;
                         },
                     ): React.ReactNode => (
                         <Space>
diff --git a/example/src/components/pages/user.tsx b/example/src/components/pages/user.tsx
index 21211bcc888e..02f9d9ce09fe 100644
--- a/example/src/components/pages/user.tsx
+++ b/example/src/components/pages/user.tsx
@@ -121,7 +121,7 @@ export const UserList: React.FC<IResourceComponentsProps> = (props) => {
                         dataIndex="actions"
                         key="actions"
                         render={(
-                            _text: string | number,
+                            _text: string,
                             record: {
                                 id: string;
                             },
diff --git a/examples/useDeleteMany/src/pages/posts/list.tsx b/examples/useDeleteMany/src/pages/posts/list.tsx
index 00941ddf7b28..0780eb85a905 100644
--- a/examples/useDeleteMany/src/pages/posts/list.tsx
+++ b/examples/useDeleteMany/src/pages/posts/list.tsx
@@ -24,9 +24,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
         enabled: categoryIds.length > 0,
     });
 
-    const [selectedRowKeys, setSelectedRowKeys] = React.useState<
-        (string | number)[]
-    >([]);
+    const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([]);
 
     const {
         mutate,
@@ -46,7 +44,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
         }
     }, [isSuccess]);
 
-    const onSelectChange = (selectedRowKeys: (string | number)[]) => {
+    const onSelectChange = (selectedRowKeys: string[]) => {
         setSelectedRowKeys(selectedRowKeys);
     };
 
diff --git a/examples/useUpdateMany/src/pages/posts/list.tsx b/examples/useUpdateMany/src/pages/posts/list.tsx
index 4f2a739e435a..083fdf4ab7c6 100644
--- a/examples/useUpdateMany/src/pages/posts/list.tsx
+++ b/examples/useUpdateMany/src/pages/posts/list.tsx
@@ -24,9 +24,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
         enabled: categoryIds.length > 0,
     });
 
-    const [selectedRowKeys, setSelectedRowKeys] = React.useState<
-        (string | number)[]
-    >([]);
+    const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([]);
 
     const {
         mutate,
@@ -49,7 +47,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
         }
     }, [isSuccess]);
 
-    const onSelectChange = (selectedRowKeys: (string | number)[]) => {
+    const onSelectChange = (selectedRowKeys: string[]) => {
         setSelectedRowKeys(selectedRowKeys);
     };
 
diff --git a/packages/core/src/components/buttons/clone/index.tsx b/packages/core/src/components/buttons/clone/index.tsx
index d34792f73bd3..3bee8b2f4225 100644
--- a/packages/core/src/components/buttons/clone/index.tsx
+++ b/packages/core/src/components/buttons/clone/index.tsx
@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type CloneButtonProps = ButtonProps & {
     resourceName?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
 };
 
 export const CloneButton: FC<CloneButtonProps> = ({
diff --git a/packages/core/src/components/buttons/delete/index.tsx b/packages/core/src/components/buttons/delete/index.tsx
index ae233c0cda2a..d71beb8020e2 100644
--- a/packages/core/src/components/buttons/delete/index.tsx
+++ b/packages/core/src/components/buttons/delete/index.tsx
@@ -17,7 +17,7 @@ import {
 
 export type DeleteButtonProps = ButtonProps & {
     resourceName?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
     onSuccess?: (value: DeleteOneResponse) => void;
     mutationMode?: MutationMode;
 };
diff --git a/packages/core/src/components/buttons/edit/index.tsx b/packages/core/src/components/buttons/edit/index.tsx
index 85e17a606efd..1362d05a463c 100644
--- a/packages/core/src/components/buttons/edit/index.tsx
+++ b/packages/core/src/components/buttons/edit/index.tsx
@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type EditButtonProps = ButtonProps & {
     resourceName?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
 };
 
 export const EditButton: FC<EditButtonProps> = ({
diff --git a/packages/core/src/components/buttons/refresh/index.tsx b/packages/core/src/components/buttons/refresh/index.tsx
index 7f99a069c0b9..38af4657fb2f 100644
--- a/packages/core/src/components/buttons/refresh/index.tsx
+++ b/packages/core/src/components/buttons/refresh/index.tsx
@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type RefreshButtonProps = ButtonProps & {
     resourceName?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
 };
 
 export const RefreshButton: FC<RefreshButtonProps> = ({
diff --git a/packages/core/src/components/buttons/show/index.tsx b/packages/core/src/components/buttons/show/index.tsx
index 4c2e3a7162fc..c9cd69d8f8d4 100644
--- a/packages/core/src/components/buttons/show/index.tsx
+++ b/packages/core/src/components/buttons/show/index.tsx
@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type ShowButtonProps = ButtonProps & {
     resourceName?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
 };
 
 export const ShowButton: FC<ShowButtonProps> = ({
diff --git a/packages/core/src/components/crud/edit/index.tsx b/packages/core/src/components/crud/edit/index.tsx
index 77906c3899c8..1fbbd591c730 100644
--- a/packages/core/src/components/crud/edit/index.tsx
+++ b/packages/core/src/components/crud/edit/index.tsx
@@ -30,7 +30,7 @@ export interface EditProps {
     actionButtons?: React.ReactNode;
     saveButtonProps?: ButtonProps;
     mutationMode?: MutationMode;
-    recordItemId?: string | number;
+    recordItemId?: string;
     pageHeaderProps?: PageHeaderProps;
     canDelete?: boolean;
     deleteButtonProps?: DeleteButtonProps;
diff --git a/packages/core/src/components/crud/show/index.tsx b/packages/core/src/components/crud/show/index.tsx
index 082916f6facb..a53828fe2814 100644
--- a/packages/core/src/components/crud/show/index.tsx
+++ b/packages/core/src/components/crud/show/index.tsx
@@ -22,7 +22,7 @@ export interface ShowProps {
     isLoading?: boolean;
     pageHeaderProps?: PageHeaderProps;
     resource?: string;
-    recordItemId?: string | number;
+    recordItemId?: string;
 }
 
 export const Show: React.FC<ShowProps> = ({
diff --git a/packages/core/src/contexts/data/IDataContext.ts b/packages/core/src/contexts/data/IDataContext.ts
index 5b9c55ea6431..4bcbe497b19b 100644
--- a/packages/core/src/contexts/data/IDataContext.ts
+++ b/packages/core/src/contexts/data/IDataContext.ts
@@ -1,4 +1,4 @@
-import { BaseRecord, Identifier } from "../../interfaces";
+import { BaseRecord } from "../../interfaces";
 
 export interface Pagination {
     current?: number;
@@ -108,11 +108,11 @@ export interface IDataContext {
     ) => Promise<GetListResponse<TData>>;
     getMany: <TData extends BaseRecord = BaseRecord>(
         resource: string,
-        ids: Identifier[],
+        ids: string[],
     ) => Promise<GetManyResponse<TData>>;
     getOne: <TData extends BaseRecord = BaseRecord>(
         resource: string,
-        id: Identifier,
+        id: string,
     ) => Promise<GetOneResponse<TData>>;
     create: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
         resource: string,
@@ -124,21 +124,21 @@ export interface IDataContext {
     ) => Promise<CreateManyResponse<TData>>;
     update: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
         resource: string,
-        id: Identifier,
+        id: string,
         params: TVariables,
     ) => Promise<UpdateResponse<TData>>;
     updateMany: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
         resource: string,
-        ids: Identifier[],
+        ids: string[],
         params: TVariables,
     ) => Promise<UpdateManyResponse<TData>>;
     deleteOne: <TData extends BaseRecord = BaseRecord>(
         resource: string,
-        id: Identifier,
+        id: string,
     ) => Promise<DeleteOneResponse<TData>>;
     deleteMany: <TData extends BaseRecord = BaseRecord>(
         resource: string,
-        ids: Identifier[],
+        ids: string[],
     ) => Promise<DeleteManyResponse<TData>>;
     getApiUrl: () => string;
     // TODO: Should be optional
diff --git a/packages/core/src/hooks/data/useDelete.ts b/packages/core/src/hooks/data/useDelete.ts
index 1c548720d557..e746d26c33ac 100644
--- a/packages/core/src/hooks/data/useDelete.ts
+++ b/packages/core/src/hooks/data/useDelete.ts
@@ -21,7 +21,6 @@ import {
     ContextQuery,
     HttpError,
     GetListResponse,
-    Identifier,
 } from "../../interfaces";
 
 type UseDeleteReturnType<
@@ -30,7 +29,7 @@ type UseDeleteReturnType<
 > = UseMutationResult<
     DeleteOneResponse<TData>,
     TError,
-    { id: Identifier },
+    { id: string },
     DeleteContext
 >;
 
@@ -64,7 +63,7 @@ export const useDelete = <
         DeleteOneResponse<TData>,
         TError,
         {
-            id: Identifier;
+            id: string;
         },
         DeleteContext
     >(
@@ -139,10 +138,7 @@ export const useDelete = <
                                     ...previousQuery,
                                     data: (data ?? []).filter(
                                         (record: TData) =>
-                                            !(
-                                                record.id!.toString() ===
-                                                deleteParams.id?.toString()
-                                            ),
+                                            !(record.id === deleteParams.id),
                                     ),
                                     total: total - 1,
                                 });
diff --git a/packages/core/src/hooks/data/useDeleteMany.spec.tsx b/packages/core/src/hooks/data/useDeleteMany.spec.tsx
index e694ae5d09d8..dc81e89e8f3a 100644
--- a/packages/core/src/hooks/data/useDeleteMany.spec.tsx
+++ b/packages/core/src/hooks/data/useDeleteMany.spec.tsx
@@ -17,7 +17,7 @@ describe("useDeleteMany Hook", () => {
         );
 
         result.current.mutate({
-            ids: [1],
+            ids: ["1"],
         });
         await waitForNextUpdate();
 
@@ -42,7 +42,7 @@ describe("useDeleteMany Hook", () => {
         );
 
         result.current.mutate({
-            ids: [1],
+            ids: ["1"],
         });
         await waitForNextUpdate();
 
diff --git a/packages/core/src/hooks/data/useDeleteMany.ts b/packages/core/src/hooks/data/useDeleteMany.ts
index fdfdaa9679b0..cd10f390661e 100644
--- a/packages/core/src/hooks/data/useDeleteMany.ts
+++ b/packages/core/src/hooks/data/useDeleteMany.ts
@@ -12,7 +12,6 @@ import {
     QueryResponse,
     GetListResponse,
     Context as DeleteContext,
-    Identifier,
 } from "../../interfaces";
 import {
     useNotification,
@@ -24,7 +23,7 @@ import {
 import { ActionTypes } from "@contexts/notification";
 
 type DeleteParams = {
-    ids: (string | number)[];
+    ids: string[];
 };
 
 type UseDeleteManyReturnType<
@@ -33,7 +32,7 @@ type UseDeleteManyReturnType<
 > = UseMutationResult<
     DeleteManyResponse<TData>,
     TError,
-    { ids: Identifier[] },
+    { ids: string[] },
     unknown
 >;
 
@@ -69,7 +68,7 @@ export const useDeleteMany = <
         DeleteParams,
         DeleteContext
     >(
-        ({ ids }: { ids: (string | number)[] }) => {
+        ({ ids }: { ids: string[] }) => {
             if (!(mutationMode === "undoable")) {
                 return deleteMany<TData>(resource, ids);
             }
@@ -141,10 +140,8 @@ export const useDeleteMany = <
                                     data: (data ?? []).filter(
                                         (record: TData) =>
                                             !deleteParams.ids
-                                                .map((i) => i.toString())
-                                                .includes(
-                                                    record.id!.toString(),
-                                                ),
+                                                .map((i) => i)
+                                                .includes(record.id!),
                                     ),
                                     total: total - deleteParams.ids.length,
                                 });
diff --git a/packages/core/src/hooks/data/useMany.ts b/packages/core/src/hooks/data/useMany.ts
index e36516c16aac..bbb820cbbe2f 100644
--- a/packages/core/src/hooks/data/useMany.ts
+++ b/packages/core/src/hooks/data/useMany.ts
@@ -5,7 +5,6 @@ import { DataContext } from "@contexts/data";
 import {
     IDataContext,
     BaseRecord,
-    Identifier,
     GetManyResponse,
     HttpError,
 } from "../../interfaces";
@@ -17,7 +16,7 @@ export const useMany = <
     TError extends HttpError = HttpError
 >(
     resource: string,
-    ids: Identifier[],
+    ids: string[],
     options?: UseQueryOptions<GetManyResponse<TData>, TError>,
 ): QueryObserverResult<GetManyResponse<TData>> => {
     const { getMany } = useContext<IDataContext>(DataContext);
diff --git a/packages/core/src/hooks/data/useOne.ts b/packages/core/src/hooks/data/useOne.ts
index 923e3276576f..aabde6321310 100644
--- a/packages/core/src/hooks/data/useOne.ts
+++ b/packages/core/src/hooks/data/useOne.ts
@@ -7,7 +7,6 @@ import {
     IDataContext,
     HttpError,
     BaseRecord,
-    Identifier,
 } from "../../interfaces";
 import { useNotification, useTranslate } from "@hooks";
 
@@ -16,7 +15,7 @@ export const useOne = <
     TError extends HttpError = HttpError
 >(
     resource: string,
-    id: Identifier,
+    id: string,
     options?: UseQueryOptions<GetOneResponse<TData>, TError>,
 ): QueryObserverResult<GetOneResponse<TData>> => {
     const { getOne } = useContext<IDataContext>(DataContext);
diff --git a/packages/core/src/hooks/data/useUpdate.ts b/packages/core/src/hooks/data/useUpdate.ts
index d02d80bee962..010215a07f61 100644
--- a/packages/core/src/hooks/data/useUpdate.ts
+++ b/packages/core/src/hooks/data/useUpdate.ts
@@ -11,7 +11,6 @@ import {
     Context as UpdateContext,
     ContextQuery,
     HttpError,
-    Identifier,
 } from "../../interfaces";
 import pluralize from "pluralize";
 import {
@@ -23,7 +22,7 @@ import {
 } from "@hooks";
 
 type UpdateParams<T> = {
-    id: Identifier;
+    id: string;
     values: T;
 };
 
@@ -139,10 +138,7 @@ export const useUpdate = <
                                 queryClient.setQueryData(queryKey, {
                                     ...previousQuery,
                                     data: data.map((record: TData) => {
-                                        if (
-                                            record.id!.toString() ===
-                                            variables.id
-                                        ) {
+                                        if (record.id === variables.id) {
                                             return {
                                                 ...variables.values,
                                                 id: variables.id,
diff --git a/packages/core/src/hooks/data/useUpdateMany.ts b/packages/core/src/hooks/data/useUpdateMany.ts
index 01bdff2f1f96..19e9fde0f9b9 100644
--- a/packages/core/src/hooks/data/useUpdateMany.ts
+++ b/packages/core/src/hooks/data/useUpdateMany.ts
@@ -13,7 +13,6 @@ import {
 import { ActionTypes } from "@contexts/notification";
 import {
     IDataContext,
-    Identifier,
     BaseRecord,
     UpdateManyResponse,
     HttpError,
@@ -30,7 +29,7 @@ type UseUpdateManyReturnType<
 > = UseMutationResult<
     UpdateManyResponse<TData>,
     TError,
-    { ids: Identifier[]; values: TVariables },
+    { ids: string[]; values: TVariables },
     UpdateContext
 >;
 
@@ -67,12 +66,12 @@ export const useUpdateMany = <
         UpdateManyResponse<TData>,
         TError,
         {
-            ids: Identifier[];
+            ids: string[];
             values: TVariables;
         },
         UpdateContext
     >(
-        ({ ids, values }: { ids: Identifier[]; values: TVariables }) => {
+        ({ ids, values }: { ids: string[]; values: TVariables }) => {
             if (!(mutationMode === "undoable")) {
                 return updateMany<TData, TVariables>(resource, ids, values);
             }
@@ -143,7 +142,7 @@ export const useUpdateMany = <
                                         if (
                                             variables.ids
                                                 .map((i) => i.toString())
-                                                .includes(record.id!.toString())
+                                                .includes(record.id!)
                                         ) {
                                             return {
                                                 ...record,
diff --git a/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts b/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
index f28b48057d94..f35fdb061703 100644
--- a/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
+++ b/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
@@ -18,7 +18,7 @@ export type useCloneFormProps<
     TError extends HttpError = HttpError,
     TVariables = {}
 > = useCreateFormProps<TData, TError, TVariables> & {
-    cloneId?: string | number;
+    cloneId?: string;
 };
 
 type SaveButtonProps = {
@@ -34,14 +34,14 @@ export type useCloneForm<
 > = {
     form: FormInstance<TVariables>;
     formProps: FormProps<TVariables>;
-    editId?: string | number;
-    setEditId?: Dispatch<SetStateAction<string | number | undefined>>;
+    editId?: string;
+    setEditId?: Dispatch<SetStateAction<string | undefined>>;
     saveButtonProps: SaveButtonProps;
     formLoading: boolean;
     mutationResult: UseCreateReturnType<TData, TError, TVariables>;
     queryResult: QueryObserverResult<GetOneResponse<TData>>;
-    setCloneId?: Dispatch<SetStateAction<string | number | undefined>>;
-    cloneId?: string | number;
+    setCloneId?: Dispatch<SetStateAction<string | undefined>>;
+    cloneId?: string;
 };
 
 export const useCloneForm = <
diff --git a/packages/core/src/hooks/form/useCreateForm/useCreateForm.ts b/packages/core/src/hooks/form/useCreateForm/useCreateForm.ts
index 8b4acc74ca93..7120b95b158c 100644
--- a/packages/core/src/hooks/form/useCreateForm/useCreateForm.ts
+++ b/packages/core/src/hooks/form/useCreateForm/useCreateForm.ts
@@ -30,13 +30,13 @@ export type useCreateForm<
 > = {
     form: FormInstance<TVariables>;
     formProps: FormProps<TVariables>;
-    editId?: string | number;
-    setEditId?: Dispatch<SetStateAction<string | number | undefined>>;
+    editId?: string;
+    setEditId?: Dispatch<SetStateAction<string | undefined>>;
     saveButtonProps: SaveButtonProps;
     formLoading: boolean;
     mutationResult: UseCreateReturnType<TData, TError, TVariables>;
-    setCloneId?: Dispatch<SetStateAction<string | number | undefined>>;
-    cloneId?: string | number;
+    setCloneId?: Dispatch<SetStateAction<string | undefined>>;
+    cloneId?: string;
 };
 
 export type useCreateFormProps<
diff --git a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
index 076831198b06..4d86972938dd 100644
--- a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
+++ b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
@@ -35,7 +35,7 @@ describe("useDrawerForm Hook", () => {
         const { formProps, show } = result.current;
 
         act(() => {
-            show(posts[0].id);
+            show(posts[0].id.toString());
         });
 
         await waitFor(() => {
diff --git a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.ts b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.ts
index b12047dcb8a8..bc602ddfe085 100644
--- a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.ts
+++ b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.ts
@@ -89,7 +89,7 @@ export const useDrawerForm = <
     return {
         ...useFormProps,
         setVisible,
-        show: (id?: string | number) => {
+        show: (id?: string) => {
             setEditId?.(id);
 
             setCloneId?.(id);
diff --git a/packages/core/src/hooks/form/useEditForm/useEditForm.ts b/packages/core/src/hooks/form/useEditForm/useEditForm.ts
index dc3941b716cb..ea469f4b5238 100644
--- a/packages/core/src/hooks/form/useEditForm/useEditForm.ts
+++ b/packages/core/src/hooks/form/useEditForm/useEditForm.ts
@@ -37,14 +37,14 @@ export type useEditForm<
 > = {
     form: FormInstance<TVariables>;
     formProps: FormProps<TVariables>;
-    editId?: string | number;
-    setEditId?: Dispatch<SetStateAction<string | number | undefined>>;
+    editId?: string;
+    setEditId?: Dispatch<SetStateAction<string | undefined>>;
     saveButtonProps: SaveButtonProps;
     queryResult: QueryObserverResult<GetOneResponse<TData>>;
     mutationResult: UseUpdateReturnType<TData, TError, TVariables>;
     formLoading: boolean;
-    setCloneId?: Dispatch<SetStateAction<string | number | undefined>>;
-    cloneId?: string | number;
+    setCloneId?: Dispatch<SetStateAction<string | undefined>>;
+    cloneId?: string;
 };
 
 export type useEditFormProps<
@@ -88,7 +88,7 @@ export const useEditForm = <
     TError,
     TVariables
 > => {
-    const [editId, setEditId] = React.useState<string | number>();
+    const [editId, setEditId] = React.useState<string>();
 
     const [formAnt] = Form.useForm();
     const formSF = useFormSF<TData, TVariables>({
diff --git a/packages/core/src/hooks/form/useForm.ts b/packages/core/src/hooks/form/useForm.ts
index da9417d27905..1ac3dbf8b00d 100644
--- a/packages/core/src/hooks/form/useForm.ts
+++ b/packages/core/src/hooks/form/useForm.ts
@@ -52,8 +52,8 @@ export type useForm<
 > = {
     form: FormInstance<TVariables>;
     formProps: FormProps<TVariables>;
-    editId?: string | number;
-    setEditId?: Dispatch<SetStateAction<string | number | undefined>>;
+    editId?: string;
+    setEditId?: Dispatch<SetStateAction<string | undefined>>;
     saveButtonProps: ButtonProps & {
         onClick: () => void;
     };
@@ -62,8 +62,8 @@ export type useForm<
         | UseUpdateReturnType<TData, TError, TVariables>
         | UseCreateReturnType<TData, TError, TVariables>;
     formLoading: boolean;
-    setCloneId?: Dispatch<SetStateAction<string | number | undefined>>;
-    cloneId?: string | number;
+    setCloneId?: Dispatch<SetStateAction<string | undefined>>;
+    cloneId?: string;
 };
 
 export const useForm = <
@@ -81,7 +81,7 @@ export const useForm = <
 > => {
     // id state is needed to determine selected record in addition to id parameter from route
     // this could be moved to a custom hook that encapsulates both create and clone form hooks.
-    const [cloneId, setCloneId] = React.useState<string | number>();
+    const [cloneId, setCloneId] = React.useState<string>();
 
     const resourceWithRoute = useResourceWithRoute();
 
diff --git a/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx b/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
index fd8aad3980a1..5db141d3d64d 100644
--- a/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
+++ b/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
@@ -36,7 +36,7 @@ describe("useModalForm Hook", () => {
         const { formProps, show } = result.current;
 
         act(() => {
-            show(posts[0].id);
+            show(posts[0].id.toString());
         });
 
         await waitFor(() => {
diff --git a/packages/core/src/hooks/form/useModalForm/useModalForm.ts b/packages/core/src/hooks/form/useModalForm/useModalForm.ts
index defd979f7e1d..9b11ed636c0e 100644
--- a/packages/core/src/hooks/form/useModalForm/useModalForm.ts
+++ b/packages/core/src/hooks/form/useModalForm/useModalForm.ts
@@ -118,7 +118,7 @@ export const useModalForm = <
     return {
         ...useFormProps,
         ...sunflowerUseModal,
-        show: (id?: string | number) => {
+        show: (id?: string) => {
             setEditId && setEditId(id);
 
             setCloneId && setCloneId(id);
diff --git a/packages/core/src/hooks/navigation/index.spec.tsx b/packages/core/src/hooks/navigation/index.spec.tsx
index 509a55b409d6..31916c2c8706 100644
--- a/packages/core/src/hooks/navigation/index.spec.tsx
+++ b/packages/core/src/hooks/navigation/index.spec.tsx
@@ -37,37 +37,37 @@ describe("useNavigation Hook", () => {
     });
 
     it("navigation edit with push", async () => {
-        result.current.edit("posts", "push", 1);
+        result.current.edit("posts", "push", "1");
 
         expect(mHistory.push).toBeCalledWith("/resources/posts/edit/1");
     });
 
     it("navigation edit with replace", async () => {
-        result.current.edit("posts", "replace", 1);
+        result.current.edit("posts", "replace", "1");
 
         expect(mHistory.replace).toBeCalledWith("/resources/posts/edit/1");
     });
 
     it("navigation clone with push", async () => {
-        result.current.clone("posts", "push", 1);
+        result.current.clone("posts", "push", "1");
 
         expect(mHistory.push).toBeCalledWith("/resources/posts/create/1");
     });
 
     it("navigation clone with replace", async () => {
-        result.current.clone("posts", "replace", 1);
+        result.current.clone("posts", "replace", "1");
 
         expect(mHistory.replace).toBeCalledWith("/resources/posts/create/1");
     });
 
     it("navigation show with push", async () => {
-        result.current.show("posts", "push", 1);
+        result.current.show("posts", "push", "1");
 
         expect(mHistory.push).toBeCalledWith("/resources/posts/show/1");
     });
 
     it("navigation show with replace", async () => {
-        result.current.show("posts", "replace", 1);
+        result.current.show("posts", "replace", "1");
 
         expect(mHistory.replace).toBeCalledWith("/resources/posts/show/1");
     });
diff --git a/packages/core/src/hooks/navigation/index.ts b/packages/core/src/hooks/navigation/index.ts
index 5fec51c9728b..086df6499dbb 100644
--- a/packages/core/src/hooks/navigation/index.ts
+++ b/packages/core/src/hooks/navigation/index.ts
@@ -16,11 +16,7 @@ export const useNavigation = () => {
             : history.replace(`/resources/${resourceName.route}/create`);
     };
 
-    const edit = (
-        resource: string,
-        type: HistoryType = "push",
-        id: number | string,
-    ) => {
+    const edit = (resource: string, type: HistoryType = "push", id: string) => {
         const resourceName = resourceWithRoute(resource);
 
         type === "push"
@@ -31,7 +27,7 @@ export const useNavigation = () => {
     const clone = (
         resource: string,
         type: HistoryType = "push",
-        id: number | string,
+        id: string,
     ) => {
         const resourceName = resourceWithRoute(resource);
 
@@ -40,11 +36,7 @@ export const useNavigation = () => {
             : history.replace(`/resources/${resourceName.route}/create/${id}`);
     };
 
-    const show = (
-        resource: string,
-        type: HistoryType = "push",
-        id: number | string,
-    ) => {
+    const show = (resource: string, type: HistoryType = "push", id: string) => {
         const resourceName = resourceWithRoute(resource);
 
         type === "push"
diff --git a/packages/core/src/hooks/redirection/index.ts b/packages/core/src/hooks/redirection/index.ts
index 5615816dc97c..15a116a75460 100644
--- a/packages/core/src/hooks/redirection/index.ts
+++ b/packages/core/src/hooks/redirection/index.ts
@@ -5,7 +5,7 @@ import { useNavigation } from "@hooks/navigation";
 export type UseRedirectionAfterSubmissionType = () => (options: {
     redirect: "show" | "list" | "edit" | false;
     resource: IResourceItem;
-    id?: string | number | undefined;
+    id?: string;
 }) => void;
 
 export const useRedirectionAfterSubmission: UseRedirectionAfterSubmissionType = () => {
@@ -19,7 +19,7 @@ export const useRedirectionAfterSubmission: UseRedirectionAfterSubmissionType =
         }: {
             redirect: "show" | "list" | "edit" | false;
             resource: IResourceItem;
-            id?: string | number;
+            id?: string;
         }) => {
             if (redirect && resource.route) {
                 if (resource.canShow && redirect === "show" && id) {
diff --git a/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx b/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
index 95353a2241c5..bb4b434702da 100644
--- a/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
+++ b/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
@@ -38,7 +38,7 @@ describe("useEditableTable Hook", () => {
         const examplePost = posts[0];
 
         act(() => {
-            result.current.editButtonProps(examplePost.id).onClick();
+            result.current.editButtonProps(examplePost.id.toString()).onClick();
         });
 
         await waitFor(() => {
diff --git a/packages/core/src/hooks/table/useEditableTable/useEditableTable.ts b/packages/core/src/hooks/table/useEditableTable/useEditableTable.ts
index ffae1664abd3..7da43cffbfd7 100644
--- a/packages/core/src/hooks/table/useEditableTable/useEditableTable.ts
+++ b/packages/core/src/hooks/table/useEditableTable/useEditableTable.ts
@@ -19,11 +19,11 @@ export type useEditableTableReturnType<
             onClick: () => void;
         };
         editButtonProps: (
-            id: string | number,
+            id: string,
         ) => ButtonProps & {
             onClick: () => void;
         };
-        isEditing: (id: string | number) => boolean;
+        isEditing: (id: string) => boolean;
     };
 
 type useEditableTableProps<
@@ -56,13 +56,13 @@ export const useEditableTable = <
         onClick: () => setEditId && setEditId(undefined),
     };
 
-    const editButtonProps = (id: string | number) => {
+    const editButtonProps = (id: string) => {
         return {
             onClick: () => setEditId && setEditId(id),
         };
     };
 
-    const isEditing = (id: string | number) => id === editId;
+    const isEditing = (id: string) => id === editId;
 
     return {
         ...table,
diff --git a/packages/core/src/interfaces/index.ts b/packages/core/src/interfaces/index.ts
index 2407dac93682..4e62be6e2613 100644
--- a/packages/core/src/interfaces/index.ts
+++ b/packages/core/src/interfaces/index.ts
@@ -55,10 +55,8 @@ export {
     useStepsFormFromSFReturnType,
 } from "../../types/sunflower";
 
-export type Identifier = string | number;
-
 export type BaseRecord = {
-    id?: Identifier;
+    id?: string;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     [key: string]: any;
 };
diff --git a/packages/core/src/interfaces/reducers/resource/resource.d.ts b/packages/core/src/interfaces/reducers/resource/resource.d.ts
index 60d71d6924b0..90a78bb1d13a 100644
--- a/packages/core/src/interfaces/reducers/resource/resource.d.ts
+++ b/packages/core/src/interfaces/reducers/resource/resource.d.ts
@@ -14,7 +14,7 @@ export interface IResourceReducer {
             page: number;
             perPage?: number;
         };
-        selectedIds?: [string | number];
+        selectedIds?: [string];
         total?: number;
     };
 }
diff --git a/packages/core/types/sunflower.d.ts b/packages/core/types/sunflower.d.ts
index f61698435ab1..1ba53dbaf2b2 100644
--- a/packages/core/types/sunflower.d.ts
+++ b/packages/core/types/sunflower.d.ts
@@ -1,5 +1,6 @@
 import { FormInstance, FormProps, ModalProps } from "../src/components/antd";
 import { UseFormConfig, UseModalFormConfig } from "sunflower-antd";
+
 export interface UseStepsFormConfig extends UseFormConfig {
     defaultCurrent?: number;
     total?: number;
@@ -9,7 +10,7 @@ export interface UseStepsFormConfig extends UseFormConfig {
 export type useModalFormFromSFReturnType<TData, TVariables> = {
     form: FormInstance<TVariables>;
     visible: boolean;
-    show: (id?: string | number) => void;
+    show: (id?: string) => void;
     close: () => void;
     modalProps: ModalProps;
     formProps: FormProps<TVariables>;
diff --git a/packages/json-server/test/deleteMany/index.spec.ts b/packages/json-server/test/deleteMany/index.spec.ts
index 2207c676f6c8..7d214f18132f 100644
--- a/packages/json-server/test/deleteMany/index.spec.ts
+++ b/packages/json-server/test/deleteMany/index.spec.ts
@@ -11,7 +11,7 @@ describe("deleteMany", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).deleteMany("posts", [10]);
+        ).deleteMany("posts", ["10"]);
 
         const { data } = response;
 
diff --git a/packages/json-server/test/deleteOne/index.spec.ts b/packages/json-server/test/deleteOne/index.spec.ts
index 4e740e655fb4..d2514dae1524 100644
--- a/packages/json-server/test/deleteOne/index.spec.ts
+++ b/packages/json-server/test/deleteOne/index.spec.ts
@@ -11,7 +11,7 @@ describe("deleteOne", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).deleteOne("posts", 1);
+        ).deleteOne("posts", "1");
 
         const { data } = response;
 
diff --git a/packages/json-server/test/getMany/index.spec.ts b/packages/json-server/test/getMany/index.spec.ts
index 489a4baa2f11..bb4a6d0b3cc7 100644
--- a/packages/json-server/test/getMany/index.spec.ts
+++ b/packages/json-server/test/getMany/index.spec.ts
@@ -11,7 +11,7 @@ describe("getMany", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).getMany("posts", [1, 2, 3]);
+        ).getMany("posts", ["1", "2", "3"]);
 
         const { data } = response;
 
diff --git a/packages/json-server/test/getOne/index.spec.ts b/packages/json-server/test/getOne/index.spec.ts
index e5d666eb083c..05582d3302a4 100644
--- a/packages/json-server/test/getOne/index.spec.ts
+++ b/packages/json-server/test/getOne/index.spec.ts
@@ -11,7 +11,7 @@ describe("getOne", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).getOne("posts", 1);
+        ).getOne("posts", "1");
 
         const { data } = response;
 
diff --git a/packages/json-server/test/update/index.spec.ts b/packages/json-server/test/update/index.spec.ts
index 5cc3b7e9d4ed..e441c59e7605 100644
--- a/packages/json-server/test/update/index.spec.ts
+++ b/packages/json-server/test/update/index.spec.ts
@@ -11,7 +11,7 @@ describe("update", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).update("posts", 1000, {
+        ).update("posts", "1000", {
             id: 1001,
             title: "foo",
             content: "bar",
diff --git a/packages/json-server/test/updateMany/index.spec.ts b/packages/json-server/test/updateMany/index.spec.ts
index dddb246f87a8..4fdecf2a6a43 100644
--- a/packages/json-server/test/updateMany/index.spec.ts
+++ b/packages/json-server/test/updateMany/index.spec.ts
@@ -11,7 +11,7 @@ describe("updateMany", () => {
         const response = await JsonServer(
             "https://refine-fake-rest.pankod.com",
             axios,
-        ).updateMany("posts", [999], {
+        ).updateMany("posts", ["999"], {
             title: "foo",
             content: "bar",
         });
diff --git a/packages/strapi/src/dataProvider.ts b/packages/strapi/src/dataProvider.ts
index 3dd92a566556..c3bd361c2fe2 100644
--- a/packages/strapi/src/dataProvider.ts
+++ b/packages/strapi/src/dataProvider.ts
@@ -85,9 +85,7 @@ export const DataProvider = (
     getMany: async (resource, ids) => {
         const url = `${apiUrl}/${resource}`;
 
-        const query = ids
-            .map((item: string | number) => `id_in=${item}`)
-            .join("&");
+        const query = ids.map((item: string) => `id_in=${item}`).join("&");
 
         const { data } = await httpClient.get(`${url}?${query}`);
 
diff --git a/packages/strapi/test/dataProvider/index.spec.ts b/packages/strapi/test/dataProvider/index.spec.ts
index 8fee0b61f855..0a347b666b19 100644
--- a/packages/strapi/test/dataProvider/index.spec.ts
+++ b/packages/strapi/test/dataProvider/index.spec.ts
@@ -54,7 +54,7 @@ describe("dataProvider", () => {
             const { data } = await DataProvider(
                 API_URL,
                 axiosInstance,
-            ).deleteOne("posts", 47);
+            ).deleteOne("posts", "47");
 
             expect(data["id"]).toBe(47);
             expect(data["title"]).toBe("test");
@@ -154,7 +154,7 @@ describe("dataProvider", () => {
         it("correct response", async () => {
             const { data } = await DataProvider(API_URL, axiosInstance).getOne(
                 "posts",
-                49,
+                "49",
             );
 
             expect(data["id"]).toBe(49);
@@ -168,7 +168,7 @@ describe("dataProvider", () => {
         it("correct response", async () => {
             const { data } = await DataProvider(API_URL, axiosInstance).update(
                 "posts",
-                49,
+                "49",
                 {
                     title: "updated",
                 },
@@ -184,7 +184,7 @@ describe("dataProvider", () => {
             const { data } = await DataProvider(
                 API_URL,
                 axiosInstance,
-            ).updateMany("posts", [50, 51], {
+            ).updateMany("posts", ["50", "51"], {
                 title: "updated",
             });
 

From 62de4890710cca2c6961a5ce4e6dc8816f286938 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=B1ld=C4=B1ray=20=C3=9Cnl=C3=BC?=
 <yildirayyunlu@gmail.com>
Date: Wed, 2 Jun 2021 15:59:18 +0300
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=A7=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/hooks/table/useEditableTable/useEditableTable.spec.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx b/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
index bb4b434702da..95353a2241c5 100644
--- a/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
+++ b/packages/core/src/hooks/table/useEditableTable/useEditableTable.spec.tsx
@@ -38,7 +38,7 @@ describe("useEditableTable Hook", () => {
         const examplePost = posts[0];
 
         act(() => {
-            result.current.editButtonProps(examplePost.id.toString()).onClick();
+            result.current.editButtonProps(examplePost.id).onClick();
         });
 
         await waitFor(() => {

From 75aaea0a6399539386e45c48874445366f16f7e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=B1ld=C4=B1ray=20=C3=9Cnl=C3=BC?=
 <yildirayyunlu@gmail.com>
Date: Wed, 2 Jun 2021 15:59:50 +0300
Subject: [PATCH 3/5] =?UTF-8?q?=F0=9F=A7=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/guides-and-concepts/hooks/data/useUpdateMany.md    | 2 +-
 example/src/components/pages/category.tsx                   | 6 ++----
 example/src/components/pages/post-light.tsx                 | 2 +-
 .../src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx     | 2 +-
 .../core/src/hooks/form/useModalForm/useModalForm.spec.tsx  | 2 +-
 .../core/src/interfaces/reducers/resource/resource.d.ts     | 2 +-
 packages/core/test/dataMocks.ts                             | 4 ++--
 7 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md b/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
index 4cc449f4d3eb..58375fabb355 100644
--- a/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
+++ b/documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md
@@ -87,7 +87,7 @@ Values passed to `mutate` must have the type of
 
 ```tsx
 {
-    ids: (string)[];
+    ids: string[];
     values: TVariables = {};
 }
 ```
diff --git a/example/src/components/pages/category.tsx b/example/src/components/pages/category.tsx
index 013dba0b1de2..fed5ed07322d 100644
--- a/example/src/components/pages/category.tsx
+++ b/example/src/components/pages/category.tsx
@@ -153,14 +153,12 @@ export const CategoryList: React.FC<IResourceComponentsProps> = (props) => {
                             return (
                                 <Space>
                                     <EditButton
-                                        {...editButtonProps(
-                                            record.id.toString(),
-                                        )}
+                                        {...editButtonProps(record.id)}
                                         size="small"
                                     />
                                     <DeleteButton
                                         size="small"
-                                        recordItemId={record.id.toString()}
+                                        recordItemId={record.id}
                                     />
                                 </Space>
                             );
diff --git a/example/src/components/pages/post-light.tsx b/example/src/components/pages/post-light.tsx
index 18a7f81ea982..24f7bb80fb14 100644
--- a/example/src/components/pages/post-light.tsx
+++ b/example/src/components/pages/post-light.tsx
@@ -136,7 +136,7 @@ export const PostLightList: React.FC<IResourceComponentsProps> = (props) => {
                                 />
                                 <CloneButton
                                     onClick={() => {
-                                        createModalShow(record.id.toString());
+                                        createModalShow(record.id);
                                     }}
                                 />
                             </Space>
diff --git a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
index 4d86972938dd..076831198b06 100644
--- a/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
+++ b/packages/core/src/hooks/form/useDrawerForm/useDrawerForm.spec.tsx
@@ -35,7 +35,7 @@ describe("useDrawerForm Hook", () => {
         const { formProps, show } = result.current;
 
         act(() => {
-            show(posts[0].id.toString());
+            show(posts[0].id);
         });
 
         await waitFor(() => {
diff --git a/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx b/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
index 5db141d3d64d..fd8aad3980a1 100644
--- a/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
+++ b/packages/core/src/hooks/form/useModalForm/useModalForm.spec.tsx
@@ -36,7 +36,7 @@ describe("useModalForm Hook", () => {
         const { formProps, show } = result.current;
 
         act(() => {
-            show(posts[0].id.toString());
+            show(posts[0].id);
         });
 
         await waitFor(() => {
diff --git a/packages/core/src/interfaces/reducers/resource/resource.d.ts b/packages/core/src/interfaces/reducers/resource/resource.d.ts
index 90a78bb1d13a..ee2b11337ea2 100644
--- a/packages/core/src/interfaces/reducers/resource/resource.d.ts
+++ b/packages/core/src/interfaces/reducers/resource/resource.d.ts
@@ -14,7 +14,7 @@ export interface IResourceReducer {
             page: number;
             perPage?: number;
         };
-        selectedIds?: [string];
+        selectedIds?: string[];
         total?: number;
     };
 }
diff --git a/packages/core/test/dataMocks.ts b/packages/core/test/dataMocks.ts
index 634e4af07053..a940940f6f64 100644
--- a/packages/core/test/dataMocks.ts
+++ b/packages/core/test/dataMocks.ts
@@ -2,7 +2,7 @@ import { IDataContext } from "../src/interfaces";
 
 export const posts = [
     {
-        id: 1,
+        id: "1",
         title:
             "Necessitatibus necessitatibus id et cupiditate provident est qui amet.",
         slug: "ut-ad-et",
@@ -14,7 +14,7 @@ export const posts = [
         tags: [16, 31, 45],
     },
     {
-        id: 2,
+        id: "2",
         title: "Recusandae consectetur aut atque est.",
         slug: "consequatur-molestiae-rerum",
         content:

From e147dac8b4beaa9673d3014a6bc1a04fe0d8697b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=B1ld=C4=B1ray=20=C3=9Cnl=C3=BC?=
 <yildirayyunlu@gmail.com>
Date: Wed, 2 Jun 2021 16:02:19 +0300
Subject: [PATCH 4/5] Remove toString.

---
 packages/core/src/hooks/data/useDelete.ts          | 12 +++---------
 packages/core/src/hooks/data/useDeleteMany.ts      | 14 ++++----------
 packages/core/src/hooks/data/useUpdate.ts          | 10 ++--------
 packages/core/src/hooks/data/useUpdateMany.ts      | 12 +++---------
 .../src/hooks/form/useCloneForm/useCloneForm.ts    |  2 +-
 .../core/src/hooks/form/useEditForm/useEditForm.ts |  2 +-
 6 files changed, 14 insertions(+), 38 deletions(-)

diff --git a/packages/core/src/hooks/data/useDelete.ts b/packages/core/src/hooks/data/useDelete.ts
index e746d26c33ac..72cdedd35fbe 100644
--- a/packages/core/src/hooks/data/useDelete.ts
+++ b/packages/core/src/hooks/data/useDelete.ts
@@ -106,10 +106,7 @@ export const useDelete = <
             onMutate: async (deleteParams) => {
                 const previousQueries: ContextQuery[] = [];
 
-                const allQueries = cacheQueries(
-                    resource,
-                    deleteParams.id?.toString(),
-                );
+                const allQueries = cacheQueries(resource, deleteParams.id);
 
                 for (const queryItem of allQueries) {
                     const { queryKey } = queryItem;
@@ -182,7 +179,7 @@ export const useDelete = <
             onSuccess: (_data, { id }) => {
                 const resourceSingular = pluralize.singular(resource);
 
-                const allQueries = cacheQueries(resource, id?.toString());
+                const allQueries = cacheQueries(resource, id);
                 for (const query of allQueries) {
                     if (
                         query.queryKey.includes(`resource/getOne/${resource}`)
@@ -202,10 +199,7 @@ export const useDelete = <
                 });
             },
             onSettled: (_data, _error, variables) => {
-                const allQueries = cacheQueries(
-                    resource,
-                    variables.id?.toString(),
-                );
+                const allQueries = cacheQueries(resource, variables.id);
                 for (const query of allQueries) {
                     if (
                         !query.queryKey.includes(`resource/getOne/${resource}`)
diff --git a/packages/core/src/hooks/data/useDeleteMany.ts b/packages/core/src/hooks/data/useDeleteMany.ts
index cd10f390661e..e5815710ea21 100644
--- a/packages/core/src/hooks/data/useDeleteMany.ts
+++ b/packages/core/src/hooks/data/useDeleteMany.ts
@@ -92,7 +92,7 @@ export const useDeleteMany = <
                         notificationDispatch({
                             type: ActionTypes.ADD,
                             payload: {
-                                id: ids.toString(),
+                                id: ids,
                                 resource: resource,
                                 cancelMutation: cancelMutation,
                                 seconds: undoableTimeout,
@@ -107,10 +107,7 @@ export const useDeleteMany = <
             onMutate: async (deleteParams) => {
                 const previousQueries: ContextQuery[] = [];
 
-                const allQueries = cacheQueries(
-                    resource,
-                    deleteParams.ids.map(toString),
-                );
+                const allQueries = cacheQueries(resource, deleteParams.ids);
 
                 for (const queryItem of allQueries) {
                     const { queryKey } = queryItem;
@@ -158,10 +155,7 @@ export const useDeleteMany = <
             },
             // Always refetch after error or success:
             onSettled: (_data, _error, variables) => {
-                const allQueries = cacheQueries(
-                    resource,
-                    variables.ids.map(toString),
-                );
+                const allQueries = cacheQueries(resource, variables.ids);
                 for (const query of allQueries) {
                     if (
                         !query.queryKey.includes(`resource/getOne/${resource}`)
@@ -191,7 +185,7 @@ export const useDeleteMany = <
                 notificationDispatch({
                     type: ActionTypes.REMOVE,
                     payload: {
-                        id: ids.toString(),
+                        id: ids,
                     },
                 });
                 notification.error({
diff --git a/packages/core/src/hooks/data/useUpdate.ts b/packages/core/src/hooks/data/useUpdate.ts
index 010215a07f61..ceb2c4994cff 100644
--- a/packages/core/src/hooks/data/useUpdate.ts
+++ b/packages/core/src/hooks/data/useUpdate.ts
@@ -110,10 +110,7 @@ export const useUpdate = <
             onMutate: async (variables) => {
                 const previousQueries: ContextQuery[] = [];
 
-                const allQueries = getAllQueries(
-                    resource,
-                    variables.id.toString(),
-                );
+                const allQueries = getAllQueries(resource, variables.id);
 
                 for (const queryItem of allQueries) {
                     const { queryKey } = queryItem;
@@ -193,10 +190,7 @@ export const useUpdate = <
                 }
             },
             onSettled: (_data, _error, variables) => {
-                const allQueries = getAllQueries(
-                    resource,
-                    variables.id.toString(),
-                );
+                const allQueries = getAllQueries(resource, variables.id);
                 for (const query of allQueries) {
                     queryClient.invalidateQueries(query.queryKey);
                 }
diff --git a/packages/core/src/hooks/data/useUpdateMany.ts b/packages/core/src/hooks/data/useUpdateMany.ts
index 19e9fde0f9b9..ac2c21230f3a 100644
--- a/packages/core/src/hooks/data/useUpdateMany.ts
+++ b/packages/core/src/hooks/data/useUpdateMany.ts
@@ -111,10 +111,7 @@ export const useUpdateMany = <
             onMutate: async (variables) => {
                 const previousQueries: ContextQuery[] = [];
 
-                const allQueries = getAllQueries(
-                    resource,
-                    variables.ids.map(toString),
-                );
+                const allQueries = getAllQueries(resource, variables.ids);
 
                 for (const queryItem of allQueries) {
                     const { queryKey } = queryItem;
@@ -141,7 +138,7 @@ export const useUpdateMany = <
                                     data: data.map((record: TData) => {
                                         if (
                                             variables.ids
-                                                .map((i) => i.toString())
+                                                .map((i) => i)
                                                 .includes(record.id!)
                                         ) {
                                             return {
@@ -198,10 +195,7 @@ export const useUpdateMany = <
                 }
             },
             onSettled: (_data, _error, variables) => {
-                const allQueries = getAllQueries(
-                    resource,
-                    variables.ids.map(toString),
-                );
+                const allQueries = getAllQueries(resource, variables.ids);
                 for (const query of allQueries) {
                     queryClient.invalidateQueries(query.queryKey);
                 }
diff --git a/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts b/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
index f35fdb061703..a0f94f96f3f3 100644
--- a/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
+++ b/packages/core/src/hooks/form/useCloneForm/useCloneForm.ts
@@ -59,7 +59,7 @@ export const useCloneForm = <
 
     const { id: idFromRoute, action } = useParams<ResourceRouterParams>();
 
-    const id = props.cloneId?.toString() ?? idFromRoute;
+    const id = props.cloneId ?? idFromRoute;
     // Check if clone process comes from useParams or modal
     const isClone = (action === "create" && !!id) || !!id;
 
diff --git a/packages/core/src/hooks/form/useEditForm/useEditForm.ts b/packages/core/src/hooks/form/useEditForm/useEditForm.ts
index ea469f4b5238..08e0e27e3c57 100644
--- a/packages/core/src/hooks/form/useEditForm/useEditForm.ts
+++ b/packages/core/src/hooks/form/useEditForm/useEditForm.ts
@@ -112,7 +112,7 @@ export const useEditForm = <
     const { id: idFromRoute, action } = useParams<ResourceRouterParams>();
     const isEdit = !!editId || action === "edit";
 
-    const id = editId?.toString() ?? idFromRoute;
+    const id = editId ?? idFromRoute;
 
     const queryResult = useOne<TData>(resource.name, id, {
         enabled: isEdit,

From 03198818903c827f2a61f73bb1cc312f28e733b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=B1ld=C4=B1ray=20=C3=9Cnl=C3=BC?=
 <yildirayyunlu@gmail.com>
Date: Wed, 2 Jun 2021 17:57:20 +0300
Subject: [PATCH 5/5] Removed unnecessary array map.

---
 packages/core/src/hooks/data/useDeleteMany.ts | 6 +++---
 packages/core/src/hooks/data/useUpdateMany.ts | 4 +---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/core/src/hooks/data/useDeleteMany.ts b/packages/core/src/hooks/data/useDeleteMany.ts
index e5815710ea21..08e889a99211 100644
--- a/packages/core/src/hooks/data/useDeleteMany.ts
+++ b/packages/core/src/hooks/data/useDeleteMany.ts
@@ -136,9 +136,9 @@ export const useDeleteMany = <
                                     ...previousQuery,
                                     data: (data ?? []).filter(
                                         (record: TData) =>
-                                            !deleteParams.ids
-                                                .map((i) => i)
-                                                .includes(record.id!),
+                                            !deleteParams.ids.includes(
+                                                record.id!,
+                                            ),
                                     ),
                                     total: total - deleteParams.ids.length,
                                 });
diff --git a/packages/core/src/hooks/data/useUpdateMany.ts b/packages/core/src/hooks/data/useUpdateMany.ts
index ac2c21230f3a..665b9b08bb59 100644
--- a/packages/core/src/hooks/data/useUpdateMany.ts
+++ b/packages/core/src/hooks/data/useUpdateMany.ts
@@ -137,9 +137,7 @@ export const useUpdateMany = <
                                     ...previousQuery,
                                     data: data.map((record: TData) => {
                                         if (
-                                            variables.ids
-                                                .map((i) => i)
-                                                .includes(record.id!)
+                                            variables.ids.includes(record.id!)
                                         ) {
                                             return {
                                                 ...record,