Found unnecessary computed property keys in object literals JS-0236
Anti-pattern
Minor
11 days ago
—
a year old
Unnecessarily computed property ['&:has(~ .mantine-InputWrapper-error)'] found
485 paddingBottom: 0,
486 },
487 description: {
488 ['&:has(~ .mantine-InputWrapper-error)']: {489 display: 'none',490 },491 ...theme.other.utilityFonts.utility4,
492 color: `${theme.other.colors.secondary.darkGray}`,
493 '&:focus': {Unnecessarily computed property ['&[data-active] > .mantine-Tabs-tabIcon'] found
30 backgroundColor: 'transparent',
31 },
32 },
33 ['&[data-active] > .mantine-Tabs-tabIcon']: { 34 stroke: theme.other.colors.secondary.black, 35 strokeWidth: rem(1), 36 }, 37 },
38 tabLabel: {
39 fontSize: theme.fontSizes.sm,Unnecessarily computed property ['&:hover'] found
32 '&[data-minify]': {
33 height: rem(40),
34 width: rem(40),
35 ['&:hover']: { 36 backgroundColor: theme.other.colors.primary.lightGray, 37 }, 38 radius: theme.radius.xl,
39 padding: 0,
40 },
Description
It's unnecessary to use computed properties with literals such as:
var foo = {["a"]: "b"};
The code can be rewritten as:
var foo = {"a": "b"};
Bad Practice
var a = { ['0']: 0 };
var a = { ['0+1,234']: 0 };
var a = { [0]: 0 };
var a = { ['x']: 0 };
var a = { ['x']() {} };
Recommended
var c = { 'a': 0 };
var c = { 0: 0 };
var a = { x() {} };
var c = { a: 0 };
var c = { '0+1,234': 0 };