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