TypeError: (0 , _stylis.middleware) is not a function about router HOT 4 CLOSED

ERROR in ./node_modules/@expo/metro-runtime/build/error-overlay/Data/parseLogBoxLog.js:10
Module not found: Can't resolve 'react-native/Libraries/UTFSequence'
   8 |
   9 | // @ts-expect-error
> 10 | import UTFSequence from "react-native/Libraries/UTFSequence";
  11 |
  12 | import parseErrorStack from "../modules/parseErrorStack";
  13 | import stringifySafe from "../modules/stringifySafe";

ERROR in ./node_modules/@expo/metro-runtime/build/error-overlay/modules/parseErrorStack/parseHermesStack.js:1
Module not found: Can't resolve 'react-native/Libraries/Core/Devtools/parseErrorStack'
> 1 | import parseErrorStack from "react-native/Libraries/Core/Devtools/parseErrorStack";
  2 |
  3 | export { parseErrorStack };
  4 |

ERROR in ./node_modules/expo-asset/build/Asset.js:2
Module not found: Can't resolve 'react-native/Libraries/Image/AssetRegistry'
  1 | import { Platform } from 'expo-modules-core';
> 2 | import { getAssetByID } from 'react-native/Libraries/Image/AssetRegistry';
  3 |
  4 | import { AssetMetadata, selectAssetSource } from './AssetSources';
  5 | import * as AssetUris from './AssetUris';

ERROR in ./node_modules/expo-asset/build/resolveAssetSource.web.js:1
Module not found: Can't resolve 'react-native/Libraries/Image/AssetRegistry'
> 1 | import { getAssetByID } from 'react-native/Libraries/Image/AssetRegistry';
  2 |
  3 | import AssetSourceResolver, { ResolvedAssetSource } from './AssetSourceResolver';
  4 |

ERROR in ./node_modules/expo-image/build/utils/resolveAssetSource.web.js:1
Module not found: Can't resolve 'react-native/Libraries/Image/AssetRegistry'
> 1 | import { getAssetByID } from 'react-native/Libraries/Image/AssetRegistry';
  2 |
  3 | import AssetSourceResolver, { ResolvedAssetSource } from './AssetSourceResolver.web';
  4 |

web compiled with 5 errors and 6 warnings