Build Frontend

frontend: Introduce react-query and v2 API #5598

Triggered via pull request August 7, 2024 07:26

sniok

synchronize #2231

react-query

Status Failure

Total duration 1m 45s

Artifacts –

frontend.yml

on: pull_request

Matrix: build

Matrix: build docs

Matrix: build storybook

Matrix: lint

Matrix: test

Matrix: test plugins

Annotations

21 errors

build docs (20.x, ubuntu-22.04)

Process completed with exit code 2.

Unhandled error: frontend/src/lib/k8s/api/v2/hooks.ts#L129

Error: No QueryClient set, use QueryClientProvider to set one ❯ useQueryClient node_modules/@tanstack/react-query/src/QueryClientProvider.tsx:49:5 ❯ useBaseQuery node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs:12:23 ❯ Module.useQuery node_modules/@tanstack/react-query/src/useQuery.ts:140:3 ❯ useEndpoints src/lib/k8s/api/v2/hooks.ts:129:20 ❯ Module.useKubeObjectList src/lib/k8s/api/v2/hooks.ts:154:17 ❯ Function.useListQuery src/lib/k8s/cluster.ts:5727:37 ❯ NamespacesFromClusterAutocomplete src/components/common/NamespacesAutocomplete.tsx:49:5 ❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:14985:18 ❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:17811:13 ❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:19049:16 This error originated in "src/storybook.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "List". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.

src/storybook.test.tsx > Storybook Tests > Sidebar/Sidebar > InClusterSidebarOpen: frontend/src/components/Sidebar/VersionButton.tsx#L63

Error: No QueryClient set, use QueryClientProvider to set one ❯ useQueryClient node_modules/@tanstack/react-query/src/QueryClientProvider.tsx:49:5 ❯ useBaseQuery node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs:12:23 ❯ Module.useQuery node_modules/@tanstack/react-query/src/useQuery.ts:140:3 ❯ VersionButton src/components/Sidebar/VersionButton.tsx:63:3 ❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:14985:18 ❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:17811:13 ❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:19049:16 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:3945:14 ❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30 ❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25

src/storybook.test.tsx > Storybook Tests > Sidebar/Sidebar > InClusterSidebarClosed: frontend/src/components/Sidebar/VersionButton.tsx#L63

Error: No QueryClient set, use QueryClientProvider to set one ❯ useQueryClient node_modules/@tanstack/react-query/src/QueryClientProvider.tsx:49:5 ❯ useBaseQuery node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs:12:23 ❯ Module.useQuery node_modules/@tanstack/react-query/src/useQuery.ts:140:3 ❯ VersionButton src/components/Sidebar/VersionButton.tsx:63:3 ❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:14985:18 ❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:17811:13 ❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:19049:16 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:3945:14 ❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30 ❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25

src/storybook.test.tsx > Storybook Tests > Sidebar/Sidebar > SelectedItemWithSidebarOmitted: frontend/src/components/Sidebar/VersionButton.tsx#L63

Error: No QueryClient set, use QueryClientProvider to set one ❯ useQueryClient node_modules/@tanstack/react-query/src/QueryClientProvider.tsx:49:5 ❯ useBaseQuery node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs:12:23 ❯ Module.useQuery node_modules/@tanstack/react-query/src/useQuery.ts:140:3 ❯ VersionButton src/components/Sidebar/VersionButton.tsx:63:3 ❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:14985:18 ❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:17811:13 ❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:19049:16 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:3945:14 ❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30 ❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25

src/storybook.test.tsx > Storybook Tests > cluster/Overview > Events: frontend/src/lib/k8s/api/v2/hooks.ts#L129