i want to add the lib https://github.com/gorhom/react-native-bottom-sheet into my project, but it not working and i have the err look like this

[HongQuang231]

Unhandled JS Exception: Module parse failed: Unexpected token (4:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { nanoid } from 'nanoid/non-secure';
| import { usePortal } from '../../hooks/usePortal';

import type { PortalProps } from './types';
|
| const PortalComponent = ({

Error: Module parse failed: Unexpected token (4:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { nanoid } from 'nanoid/non-secure';
| import { usePortal } from '../../hooks/usePortal';

import type { PortalProps } from './types';
|
| const PortalComponent = ({
at ./node_modules/@gorhom/portal/src/components/portal/Portal.tsx (http://localhost:8081/index.bundle?platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.fis.erequest:572:16)
at call (native)
at anonymous (http://localhost:8081/index.bundle?platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.fis.erequest:79938:35)
at call (native)
at webpack_require (http://localhost:8081/index.bundle?platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.fis.erequest:79331:37)
at fn (http://localhost:8081/index.bundle?

can you help me??