From 8ba0f6f6c52a9152867e497dd593954abc25a07e Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Thu, 1 Jun 2023 11:54:05 +0200
Subject: [PATCH] [TypeScript] Fix regression in type of `<FunctionField>`
 `render`

---
 .../src/field/FunctionField.stories.tsx       | 40 +++++++++++++++++++
 .../src/field/FunctionField.tsx               |  6 +--
 2 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 packages/ra-ui-materialui/src/field/FunctionField.stories.tsx

diff --git a/packages/ra-ui-materialui/src/field/FunctionField.stories.tsx b/packages/ra-ui-materialui/src/field/FunctionField.stories.tsx
new file mode 100644
index 00000000000..fc651f9e8b2
--- /dev/null
+++ b/packages/ra-ui-materialui/src/field/FunctionField.stories.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+import { RecordContextProvider } from 'ra-core';
+import { FunctionField } from './FunctionField';
+
+export default { title: 'ra-ui-materialui/fields/FunctionField' };
+
+export const Basic = () => (
+    <RecordContextProvider value={{ firstName: 'John', lastName: 'Doe' }}>
+        <FunctionField
+            render={record => `${record.firstName} ${record.lastName}`}
+        />
+    </RecordContextProvider>
+);
+
+type User = {
+    id: number;
+    firstName: string;
+    lastName: string;
+};
+
+export const Typed = () => (
+    <RecordContextProvider<User>
+        value={{ id: 123, firstName: 'John', lastName: 'Doe' }}
+    >
+        <FunctionField<User>
+            render={record => `${record?.firstName} ${record?.lastName}`}
+        />
+    </RecordContextProvider>
+);
+
+export const NonRegression = () => (
+    <RecordContextProvider value={{ firstName: 'John', lastName: 'Doe' }}>
+        <FunctionField
+            render={(record?: User) =>
+                `${record?.firstName} ${record?.lastName}`
+            }
+        />
+    </RecordContextProvider>
+);
diff --git a/packages/ra-ui-materialui/src/field/FunctionField.tsx b/packages/ra-ui-materialui/src/field/FunctionField.tsx
index 298ee1e779a..7b28ccac2d7 100644
--- a/packages/ra-ui-materialui/src/field/FunctionField.tsx
+++ b/packages/ra-ui-materialui/src/field/FunctionField.tsx
@@ -18,9 +18,7 @@ import { FieldProps, fieldPropTypes } from './types';
  * />
  */
 
-export const FunctionField = <
-    RecordType extends Record<string, unknown> = Record<string, any>
->(
+export const FunctionField = <RecordType extends Record<string, unknown> = any>(
     props: FunctionFieldProps<RecordType>
 ) => {
     const { className, source = '', render, ...rest } = props;
@@ -49,7 +47,7 @@ FunctionField.propTypes = {
 };
 
 export interface FunctionFieldProps<
-    RecordType extends Record<string, unknown> = Record<string, any>
+    RecordType extends Record<string, unknown> = any
 > extends FieldProps<RecordType>,
         Omit<TypographyProps, 'textAlign'> {
     render: (record?: RecordType, source?: string) => any;