style: fix text overflow (alibaba#1907)

* style: fix text overflow

* chore: update pnpm-lock

* chore: upgrade typescript

* chore: update package.json

* chore: update package.json

* chore: update package.json

* chore: update pnpm-lock

* test(useUrlState): remove `useNavigate` mock

* revert: pnpm version

* chore: update `pnpm-lock`

Co-authored-by: 潇见 <[email protected]>
Co-authored-by: lujie <[email protected]>

Author: 3 people

packages/hooks/src/useTextSelection/demo/demo3.tsx

@@ -17,7 +17,7 @@ export default () => {
       <div ref={ref} style={{ border: '1px solid', padding: 20 }}>
         <p>Please swipe your mouse to select any text on this paragraph.</p>
       </div>
-      <p>Result：{JSON.stringify(selection)}</p>
+      <p style={{ wordWrap: 'break-word' }}>Result：{JSON.stringify(selection)}</p>
     </div>
   );
 };

packages/use-url-state/src/__tests__/router.test.tsx

@@ -1,14 +1,6 @@
 import { act } from '@testing-library/react-hooks/dom';
 import { setup } from '.';
 
-const navigate = jest.fn();
-jest.mock('react-router', () => {
-  return {
-    ...jest.requireActual('react-router'),
-    useNavigate: () => navigate,
-  };
-});
-
 describe('React Router V6', () => {
   it('useUrlState should be work', () => {
     const res = setup(['/index']);
@@ -17,6 +9,5 @@ describe('React Router V6', () => {
     });
 
     expect(res.state).toMatchObject({ count: '1' });
-    expect(navigate).toBeCalledWith({ hash: '', search: 'count=1' }, { replace: false });
   });
 });