I am using react-native-gifted-chat and getting this error from react-native-css-interop .

function maybeHijackSafeAreaProvider(type) {
    const name = type.displayName || type.name;
    if (react_native_1.Platform.OS !== "web" && name === "SafeAreaProvider") {
        safeAreaProviderShim ||= shimFactory(type);
        type = safeAreaProviderShim;
    }
    return type;
}

TypeError: Cannot read property 'displayName' of undefined
at maybeHijackSafeAreaProvider (react-native-safe-area-context.native.js:9:22)
at anonymous (wrap-jsx.js:13:80)
at renderComposer (Chat.tsx:88:11)
at anonymous (InputToolbar.js:30:31)
at mountMemo (ReactFabric-dev.js:11309:33)
at useMemo (ReactFabric-dev.js:11835:29)
at useMemo (react.development.js:1650:28)
at InputToolbar (InputToolbar.js:29:37)
at renderWithHooks (ReactFabric-dev.js:10083:31)
at mountIndeterminateComponent (ReactFabric-dev.js:15531:32)
at beginWork (ReactFabric-dev.js:17384:45)
at performUnitOfWork (ReactFabric-dev.js:23749:25)
at workLoopSync (ReactFabric-dev.js:23484:26)
at renderRootSync (ReactFabric-dev.js:23444:23)
at recoverFromConcurrentError (ReactFabric-dev.js:22623:38)
at performSyncWorkOnRoot (ReactFabric-dev.js:22949:50)
at flushSyncWorkAcrossRoots_impl (ReactFabric-dev.js:5851:38)
at flushSyncWorkOnAllRoots (ReactFabric-dev.js:5805:36)
at processRootScheduleInMicrotask (ReactFabric-dev.js:5958:30)
at anonymous (ReactFabric-dev.js:6144:13) Error Component Stack:
at ErrorBoundary (errorboundary.js:43:23)
at App (App.tsx:69:35)