From 6cc5abaaa3c87c7b7bce2b1c1b7c12bca3d45ed1 Mon Sep 17 00:00:00 2001
From: fzaninotto <fzaninotto@gmail.com>
Date: Fri, 7 May 2021 06:31:32 +0200
Subject: [PATCH] [TypeScript] Fix SelectField doesn't accept Typography props

---
 examples/crm/src/companies/CompanyCard.tsx          | 1 -
 packages/ra-ui-materialui/src/field/SelectField.tsx | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/crm/src/companies/CompanyCard.tsx b/examples/crm/src/companies/CompanyCard.tsx
index a501ff37807..91b5f8d56c2 100644
--- a/examples/crm/src/companies/CompanyCard.tsx
+++ b/examples/crm/src/companies/CompanyCard.tsx
@@ -62,7 +62,6 @@ export const CompanyCard = ({ record }: { record: Company }) => {
                             {record.name}
                         </Typography>
                         <SelectField
-                            // @ts-ignore
                             color="textSecondary"
                             source="sector"
                             choices={sectors}
diff --git a/packages/ra-ui-materialui/src/field/SelectField.tsx b/packages/ra-ui-materialui/src/field/SelectField.tsx
index e5176d8d3b8..4956685cfd5 100644
--- a/packages/ra-ui-materialui/src/field/SelectField.tsx
+++ b/packages/ra-ui-materialui/src/field/SelectField.tsx
@@ -3,7 +3,7 @@ import { FC, memo } from 'react';
 import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import { ChoicesProps, useChoices, useRecordContext } from 'ra-core';
-import Typography from '@material-ui/core/Typography';
+import { Typography, TypographyProps } from '@material-ui/core';
 
 import sanitizeFieldRestProps from './sanitizeFieldRestProps';
 import { PublicFieldProps, InjectedFieldProps, fieldPropTypes } from './types';
@@ -144,7 +144,8 @@ SelectField.propTypes = {
 export interface SelectFieldProps
     extends ChoicesProps,
         PublicFieldProps,
-        InjectedFieldProps {}
+        InjectedFieldProps,
+        TypographyProps {}
 
 SelectField.displayName = 'SelectField';