Module not found: Can't resolve 'hyperliquid'

[DDDis]

I downloaded "hyperliquid": "^1.7.7". But return Module not found: Can't resolve 'hyperliquid'

node -v
v22.21.1

yarn -v
1.22.22

yarn list hyperliquid
yarn list v1.22.22
warning Filtering by arguments is deprecated. Please use the pattern option instead.
└─ hyperliquid@1.7.7
Done in 7.26s.

How should I deal with it?
The following is the complete error report:

⨯ ./hooks/useHyperliquidSDK.ts:2:1
Module not found: Can't resolve 'hyperliquid'
1 | import { useMemo, useEffect } from 'react';

2 | import { Hyperliquid } from 'hyperliquid';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3 |
5 | let sdkInstance: Hyperliquid | null = null;

Import traces:
Client Component Browser:
./hooks/useHyperliquidSDK. ts [Client Component Browser]
./hooks/useMarketData. ts [Client Component Browser]
./components/trading/MarketList. tsx [Client Component Browser]
./components/trading/TradingChart. tsx [Client Component Browser]
./app/page. tsx [Client Component Browser]
./app/page. tsx [Server Component]

Client Component SSR:
./hooks/useHyperliquidSDK. ts [Client Component SSR]
./hooks/useMarketData. ts [Client Component SSR]
./components/trading/MarketList. tsx [Client Component SSR]
./components/trading/TradingChart. tsx [Client Component SSR]
./app/page. tsx [Client Component SSR]
./app/page. tsx [Server Component]

https://nextjs.org/docs/messages/module-not-found