diff --git a/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js b/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js index e55f6a3c55..020246e8a4 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js @@ -1,6 +1,8 @@ import * as React from 'react'; -const {experimental_useEffectEvent, useState, useEffect} = React; +const {useState, useEffect} = React; +const useEffectEvent = + React.useEffectEvent || React.experimental_useEffectEvent; export default function UseEffectEvent(): React.Node { return ( @@ -12,14 +14,14 @@ export default function UseEffectEvent(): React.Node { } function SingleHookCase() { - const onClick = experimental_useEffectEvent(() => {}); + const onClick = useEffectEvent(() => {}); return
; } function useCustomHook() { const [state, setState] = useState(); - const onClick = experimental_useEffectEvent(() => {}); + const onClick = useEffectEvent(() => {}); useEffect(() => {}); return [state, setState, onClick];