Failed Prop Type and deprecation warnings when trying to run R-A with Typescript

[ryanmstokes]

What you were expecting:
Following the tutorial I install and set up a React Admin project:

https://marmelab.com/react-admin/Tutorial.html

I should then be able to install Typescript and change files to .tsx and the app should run without any type warnings.

What happened instead:
The App compiles without warnings in the terminal but throws warnings in the web tools console:

index.js:1 Warning: Failed prop type: The prop onExited of ForwardRef(Snackbar) is deprecated. Use the TransitionProps prop instead.

Warning: Failed prop type: The prop onChangePage of ForwardRef(TablePagination) is deprecated. Use the onPageChange prop instead.

Warning: Failed prop type: The prop onChangeRowsPerPage of ForwardRef(TablePagination) is deprecated. Use the onRowsPerPageChange prop instead.

index.js:1 Warning: Failed prop type: The prop onPageChange is marked as required in ForwardRef(TablePagination), but its value is undefined.

Warning: Failed prop type: The prop onChangePage is marked as required in PaginationActions, but its value is undefined.

and also throws a deprecation warning:

Material-UI: The fade color utility was renamed to alpha to better describe its functionality.

You should use import { alpha } from '@material-ui/core/styles'

Steps to reproduce:
Install the app as mentioned above.

Related code:

git clone https://github.com/ryanmstokes/react-admin-typescript
yarn
yarn start

Environment

• React-admin version: ^3.17.0
• React version: ^17.0.2
• Browser: all

[ryanmstokes]

Sorry this is a duplicate - found the solution in #6421