UncontrolledTabs export 'useId' (imported as 'useId') was not found

[hassni12]

🐛 Bug report

Current Behavior

Expected behavior

Reproducible example

Suggested solution(s)

Additional context

Your environment

Software	Name(s)	Version
Reach Package	^6.0.1
React
Browser
Assistive tech
Node	16
npm/yarn
Operating System
i am getting this issue how solve this this
ERROR in ./node_modules/react-tabs/esm/components/UncontrolledTabs.js 128:15-20
export 'useId' (imported as 'useId') 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)
@ ./node_modules/react-tabs/esm/components/Tabs.js 4:0-50 96:29-45
@ ./node_modules/react-tabs/esm/index.js 1:0-52 1:0-52
@ ./src/components/Skeletons/UsersChatSkeleton.js 7:0-52 25:35-42 26:62-65
@ ./src/components/Messages/index.js 31:0-63
@ ./src/pages/Chat.js 16:0-49 64:43-48
@ ./src/Routers/Routes.js 76:44-67
@ ./src/App.js 7:0-42 27:37-43
@ ./src/index.js 24:0-28 30:38-41