Incorrectly using useIntersectionEffect on React 17

[kokarn]

Current behavior:

It's trying to use the useIntersectionEffect even when it's not available.

To reproduce:

My only change was to run npm update in my current project and it now gives the below warning:

ERROR in ./node_modules/@emotion/react/dist/emotion-react.browser.esm.js 95:48-68
export 'useInsertionEffect' (imported as 'useInsertionEffect$1') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)

Expected behavior:

It shouldn't use useIntersectionEffect on React 17 if my understanding of that hook is correct.

Environment information:

• react version: 17.0.2
• @emotion/react version: 11.8.0

Posting ASAP as this seems like it would affect a lot of people. Working on a working codesandbox.

[kokarn]

Duplicate of #2649