V1: Vanilla Extract #649
talentlessguyAnnotations
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
|
|
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
|
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should render custom element when passed in:
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 open and close dropdown when custom button is provided:
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 not error if no dropdown items are passed in:
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 use scrollbox if height is passed in:
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 allow having items as links:
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'
|