V1: Vanilla Extract #645
Annotations
20 errors and 10 warnings
Lint (18):
components/src/components/molecules/Dropdown/ActionSheet.tsx#L92
A key must be unique. '{(item as DropdownItemObject).label}' is duplicated
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L289
A key must be unique. '{value || label}' is duplicated
|
Lint (18):
components/src/components/molecules/PageButtons/PageButtons.tsx#L135
A key must be unique. '{`${value}-${i}`}' is duplicated
|
Lint (18):
components/src/components/molecules/Select/Select.tsx#L948
A key must be unique. '{option.value}' is duplicated
|
Lint (18):
components/src/components/organisms/Dialog/Dialog.tsx#L270
A key must be unique. '{i}' is duplicated
|
Lint (18):
docs/src/components/AdditionalColors/components/PaletteRow.tsx#L70
A key must be unique. '{shade}' is duplicated
|
Lint (18):
docs/src/components/CodeBlock/CodeBlock.tsx#L114
A key must be unique. '{line[0].content}' is duplicated
|
Lint (18):
docs/src/components/CodeBlock/CodeBlock.tsx#L116
A key must be unique. '{token.content}' is duplicated
|
Lint (18):
docs/src/components/Logos/Logos.tsx#L59
A key must be unique. '{item.src}' is duplicated
|
Lint (18):
docs/src/components/Palette/Palette.tsx#L75
A key must be unique. '{label}' is duplicated
|
Unhandled error:
components/src/components/molecules/Checkbox/Checkbox.test.tsx#L71
AssertionError: promise resolved "undefined" instead of rejecting
Expected: "[Error: rejected promise]"
Received: "undefined"
❯ Assertion.__VITEST_REJECTS__ ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/expect/dist/index.js:1802:21
❯ Assertion.propertyGetter ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1466:29
❯ Object.proxyGetter [as get] ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1550:22
❯ src/components/molecules/Checkbox/Checkbox.test.tsx:71:5
❯ runTest ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:960:11
❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15
❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15
❯ runFiles ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1173:5
❯ startTests ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1182:3
This error originated in "src/components/molecules/Checkbox/Checkbox.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 "should pass a ref down". 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.
|
Unhandled error:
components/src/components/molecules/RadioButton/Radio.test.tsx#L64
AssertionError: promise resolved "undefined" instead of rejecting
Expected: "[Error: rejected promise]"
Received: "undefined"
❯ Assertion.__VITEST_REJECTS__ ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/expect/dist/index.js:1802:21
❯ Assertion.propertyGetter ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1466:29
❯ Object.proxyGetter [as get] ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1550:22
❯ src/components/molecules/RadioButton/Radio.test.tsx:64:60
❯ runTest ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:960:11
❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15
❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15
❯ runFiles ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1173:5
❯ startTests ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1182:3
This error originated in "src/components/molecules/RadioButton/Radio.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 "should pass a ref down". 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/components/molecules/Backdrop/Backdrop.test.tsx > <Backdrop /> > should allow multiple backdrops to open without losing the initial state:
components/src/components/molecules/Backdrop/Backdrop.test.tsx#L47
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
data-testid="inner-data-2"
>
test
</div> instead
Ignored nodes: comments, script, style
<html>
<head />
<body
data-backdrops="2"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
data-testid="inner-data-1"
>
test
</div>
</div>
<div />
<div
class="modal"
>
<div
data-testid="inner-data-2"
>
test
</div>
</div>
</body>
</html>...
❯ src/components/molecules/Backdrop/Backdrop.test.tsx:47:56
❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
src/components/molecules/Backdrop/Backdrop.test.tsx > <Backdrop /> > should allow multiple backdrops to open without losing the initial state:
components/src/components/molecules/Backdrop/Backdrop.tsx#L93
ReferenceError: toggleValue is not defined
❯ src/components/molecules/Backdrop/Backdrop.tsx:93:17
❯ safelyCallDestroy ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:22971:5
❯ commitHookEffectListUnmount ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23139:11
❯ commitPassiveUnmountInsideDeletedTreeOnFiber ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25140:11
❯ commitPassiveUnmountEffectsInsideOfDeletedTree_begin ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25087:5
❯ commitPassiveUnmountEffects_begin ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24995:11
❯ commitPassiveUnmountEffects ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24980:3
❯ flushPassiveEffectsImpl ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27077:3
❯ flushPassiveEffects ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ commitRootImpl ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26974:5
|
src/components/molecules/Checkbox/Checkbox.test.tsx > <Checkbox /> > should not update when label text is clicked and IS disabled:
components/src/components/molecules/Checkbox/Checkbox.test.tsx#L71
AssertionError: promise resolved "undefined" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
undefined
❯ src/components/molecules/Checkbox/Checkbox.test.tsx:71:5
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > renders:
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc')
❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38
❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should show dropdown when clicked:
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc')
❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38
❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should call dropdown item callback when clicked:
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc')
❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38
❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close if clicking outside of dropdown:
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc')
❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38
❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close dropdown if button is clicked when open:
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc')
❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38
❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
Lint (18):
components/src/components/atoms/Box/Box.tsx#L41
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/atoms/DynamicPopover/DynamicPopover.tsx#L470
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L300
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L195
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L206
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|
Lint (18):
components/src/components/molecules/CountdownCircle/CountdownCircle.tsx#L132
Do not call the 'set' function 'setCurrentCount' of 'useState' directly in 'useEffect'
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L216
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L404
Using 'Children.map' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L406
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
Lint (18):
components/src/components/molecules/PageButtons/PageButtons.tsx#L135
Do not use Array index as 'key'
|