Skip to content
CI for ecomm-project for Dynamite

Fix link to Product details page #467

Sign in to view logs

Fix link to Product details page

Fix link to Product details page #467

Triggered via pull request July 22, 2024 11:19
@niyibi250niyibi250
synchronize #116
Fix-click-on-Product-to-product-details-on-MostPopularSection-on-landing-page
Status Failure
Total duration 42s
Artifacts –

application.yml

on: pull_request
Matrix: build
Fit to window
Zoom out
Zoom in

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/