score:9

Accepted answer

The issue (or at least one issue) is with the Slide transition. It needs to use forwardRef.

The example in the documentation looks like the following:

import React from 'react';
import Slide from '@material-ui/core/Slide';
const Transition = React.forwardRef(function Transition(props, ref) {
  return <Slide direction="up" ref={ref} {...props} />;
});

And the current (2020-03-05) TypeScript version in the documentation:

import React from 'react';
import Slide from '@material-ui/core/Slide';
import { TransitionProps } from '@material-ui/core/transitions';

const Transition = React.forwardRef<unknown, TransitionProps>(function Transition(props, ref) {
  return <Slide direction="up" ref={ref} {...props} />;
});

Related Query

More Query from same tag