File tree 1 file changed +4
-1
lines changed 1 file changed +4
-1
lines changed Original file line number Diff line number Diff line change 1
- import React , { useState , useEffect } from 'react'
1
+ import React , { useState , useEffect , useRef } from 'react'
2
2
import PropTypes from 'prop-types'
3
3
import classNames from 'classnames'
4
4
import { Transition } from 'react-transition-group'
@@ -75,13 +75,15 @@ const CModal = props => {
75
75
'show' : isOpen || fade
76
76
} )
77
77
78
+ const nodeRef = useRef ( null )
78
79
return (
79
80
< div onClick = { modalClick } >
80
81
< Transition
81
82
in = { Boolean ( isOpen ) }
82
83
onEntered = { onEntered }
83
84
onExited = { onExited }
84
85
timeout = { fade ? 150 : 0 }
86
+ nodeRef = { nodeRef }
85
87
>
86
88
{ ( status ) => {
87
89
let transitionClass = getTransitionClass ( status )
@@ -95,6 +97,7 @@ const CModal = props => {
95
97
role = "dialog"
96
98
className = { classes }
97
99
data-modal = { true }
100
+ ref = { nodeRef }
98
101
>
99
102
< div className = { dialogClasses } role = "document" >
100
103
< div
You can’t perform that action at this time.
0 commit comments