Add support for record prop

Author: fzaninotto

docs/RecordField.md

@@ -84,6 +84,7 @@ The `source`, `field`, `children`, and  `render` props are mutually exclusive.
 | `empty`     | Optional | ReactNode               | ''     | Text to display when the field is empty.                                         |
 | `field`     | Optional | ReactElement            | `TextField` | Field component used to render the field. Ignored if `children` or `render` are set. |
 | `label`     | Optional | string                  | ''      | Label to render. Can be a translation key. |
+| `record`    | Optional | object                  | {}      | Record to use. If not set, the record is taken from the context.                 |
 | `render`    | Optional | record => JSX           |         | Function to render the field value. Ignored if `children` is set.  |
 | `source`    | Optional | string                  | ''      | Name of the record field to render. |
 | `sx`        | Optional | object                  | {}      | Styles to apply to the field.                                                  |
@@ -228,6 +229,14 @@ Finally, you can pass `false` to the `label` prop to hide the label:
 
 Note that using `label={false}` is equivalent to rendering a `<TextField>` directly. 
 
+## `record`
+
+By default, `<RecordField>` uses the record from the current [`RecordContext`](./useRecordContext.md). You can override this behavior by passing a `record` prop:
+
+```jsx
+<RecordField record={record} source="title" />
+```
+
 ## `render`
 
 The `render` prop is used to pass a function that receives the current record and returns a React element. This is useful when you need to aggregate multiple fields, or when you need to use a component that doesn't accept the `source` prop.

packages/ra-ui-materialui/src/field/RecordField.tsx

@@ -16,7 +16,6 @@ import {
     useTranslate,
     type ExtractRecordPaths,
     type HintedString,
-    type RaRecord,
 } from 'ra-core';
 import clsx from 'clsx';
 
@@ -47,7 +46,7 @@ export const RecordField = <
         ...rest
     } = props;
     const resource = useResourceContext();
-    const record = useRecordContext<RecordType>();
+    const record = useRecordContext<RecordType>(props);
     const translate = useTranslate();
     if (!source && !label) return null;
     return (
@@ -117,7 +116,7 @@ export interface RecordFieldProps<
     label?: ReactNode;
     render?: (record: RecordType) => React.ReactNode;
     source?: NoInfer<HintedString<ExtractRecordPaths<RecordType>>>;
-    record?: RaRecord;
+    record?: RecordType;
     sx?: SxProps;
     TypographyProps?: TypographyProps;
     variant?: 'default' | 'inline';