At the time I want to create a card or list in the console, it gives me the following message:

findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. 

Reading the documentation I did not find a possible solution.

My code:

const AddCardorListText = ({type, setOpen, listId}) => {

    const classes = useStyle();
    const [title, setTitle] = useState("");
    const {addCard, addList} = useContext(contextAPI)

    const handelAddCardorList = (e) => {
        e.preventDefault()
        if(type === 'card'){
            addCard(title, listId)
        } else {
            addList(title)
        }
        setTitle('')
        setOpen(false)
    }
    return (
        <>
        <Paper className={classes.card}>
            <InputBase 
                onBlur={() => setOpen(false)}
                multiline
                placeholder={
                    type === 'card' ?
                    'Enter a title for this card...' :
                    'Enter list title...'
                }
                value={title} 
                onChange={e => setTitle(e.target.value)}
                inputProps={{className: classes.input}}
            />
        </Paper>
        <div className={classes.confirm}>
            <div className={classes.options}>
                <Button className={classes.btnConfirm} onClick={handelAddCardorList}>
                    {
                        type === 'card' ?
                        'Add card' :
                        'Add List'
                    }
                </Button>
                <IconButton onClick={() => setOpen(false)}>
                    <ClearIcon/>
                </IconButton>
            </div>
            <IconButton>
                <MoreHoriz/>
            </IconButton>
        </div>
        </>
    )
}