Fix link to Product details page #467
Annotations
10 errors and 1 warning
src/__test__/popular/MostPopular.test.tsx > MostPopular Component > renders the MostPopular component with products:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostPopular.test.tsx > MostPopular Component > handles left arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostPopular.test.tsx > MostPopular Component > handles right arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostRecent.test.tsx > MostRecent Component > renders the MostRecent component with products sorted by updatedAt:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostRecent.test.tsx > MostRecent Component > handles left arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostRecent.test.tsx > MostRecent Component > handles right arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostSelling.test.tsx > MostSelling Component > renders the MostSelling component with products:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostSelling.test.tsx > MostSelling Component > handles left arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/__test__/popular/MostSelling.test.tsx > MostSelling Component > handles right arrow click for pagination:
src/components/Popular/Item.tsx#L9
Error: useNavigate() may be used only in the context of a <Router> component.
❯ Object.invariant [as UNSAFE_invariant] node_modules/@remix-run/router/history.ts:494:11
❯ useNavigateUnstable node_modules/react-router/lib/hooks.tsx:188:3
❯ Proxy.useNavigate node_modules/react-router/lib/hooks.tsx:184:46
❯ SingleItem src/components/Popular/Item.tsx:9:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
build (20.x)
Process completed with exit code 1.
|
build (20.x)
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|