React.js：findDOMNode在StrictMode中已被弃用。 findDOMNode传递了StrictMode内部的Transition实例

Question

当我添加对话框组件时，它显示了错误。我如何在不删除index.js中的React.StrictMode的情况下解决此问题？我试过使用createRef（）。但是失败了，因为我不知道要放在哪里。

代码：

const Questions = ({ questions }) => {
  const handleClickOpen = () => {
    setOpen(true);
  };
  return questions.map((question) => {
    return (
      <Grid>
        <Card>
          <CardContent>
            <CardMedia/>
          </CardContent>
          <CardActions>
            <Button
              onClick={handleClickOpen}
            >
              Answer
            </Button>
          </CardActions>
        </Card>
        <Dialog
          open={open}
          onClose={handleClose}
          aria-labelledby="form-dialog-title"
        >
          <DialogTitle id="form-dialog-title">Subscribe</DialogTitle>
          <DialogContent>
            <DialogContentText>
              To subscribe to this website, please enter your email address
              here. We will send updates occasionally.
            </DialogContentText>
            <TextField
              autoFocus
              margin="dense"
              id={String(question.id)}
              label="Your Answer."
              type="text"
              fullWidth
            />
          </DialogContent>
          <DialogActions>
            <Button onClick={handleClose} color="primary">
              Cancel
            </Button>
            <Button onClick={handleClose} color="primary">
              Subscribe
            </Button>
          </DialogActions>
        </Dialog>
      </Grid>
    );
  });
};