#4
React Review Audit
Score: 84/100 · 2 errors · 411 warnings
Copy as prompt
Fix the following React Review diagnostics in my codebase.
## Errors (2)
1. [error] no-mutable-in-deps — src/pages/NotFound.tsx:12
Mutable global "location.*" in deps — values like `location.pathname` can change without triggering a re-render, so they can't drive effect re-runs. Subscribe with useSyncExternalStore or read inside the effect
2. [error] no-mutable-in-deps — src/components/tour/GuidedTour.tsx:115
Mutable global "location.*" in deps — values like `location.pathname` can change without triggering a re-render, so they can't drive effect re-runs. Subscribe with useSyncExternalStore or read inside the effect
## Warnings (411)
3. [warning] no-react19-deprecated-apis — src/components/ui/label.tsx:11
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
4. [warning] no-react19-deprecated-apis — src/components/ui/toggle-group.tsx:15
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
5. [warning] no-react19-deprecated-apis — src/components/ui/toggle-group.tsx:33
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
6. [warning] no-react19-deprecated-apis — src/components/ui/toggle-group.tsx:38
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
7. [warning] no-react19-deprecated-apis — src/components/ui/input.tsx:5
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
8. [warning] design-no-redundant-size-axes — src/components/ui/calendar.tsx:55
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
9. [warning] design-no-redundant-size-axes — src/components/ui/calendar.tsx:56
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
10. [warning] design-no-redundant-size-axes — src/pages/Unauthorized.tsx:11
w-20 h-20 → use the shorthand size-20 (Tailwind v3.4+)
11. [warning] design-no-redundant-size-axes — src/pages/Unauthorized.tsx:12
w-10 h-10 → use the shorthand size-10 (Tailwind v3.4+)
12. [warning] design-no-bold-heading — src/pages/Unauthorized.tsx:14
font-bold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
13. [warning] design-no-default-tailwind-palette — src/pages/Unauthorized.tsx:14
text-gray-900 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
14. [warning] design-no-default-tailwind-palette — src/pages/Unauthorized.tsx:17
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
15. [warning] no-react19-deprecated-apis — src/components/ui/input-otp.tsx:7
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
16. [warning] no-react19-deprecated-apis — src/components/ui/input-otp.tsx:23
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
17. [warning] no-react19-deprecated-apis — src/components/ui/input-otp.tsx:31
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
18. [warning] no-react19-deprecated-apis — src/components/ui/input-otp.tsx:35
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
19. [warning] no-react19-deprecated-apis — src/components/ui/input-otp.tsx:59
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
20. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:10
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
21. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:41
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
22. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:56
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
23. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:71
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
24. [warning] design-no-redundant-size-axes — src/components/ui/toast.tsx:84
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
25. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:89
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
26. [warning] no-react19-deprecated-apis — src/components/ui/toast.tsx:101
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
27. [warning] no-react19-deprecated-apis — src/components/ui/button.tsx:42
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
28. [warning] design-no-space-on-flex-children — src/pages/Training.tsx:22
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
29. [warning] design-no-redundant-size-axes — src/pages/Training.tsx:24
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
30. [warning] design-no-redundant-size-axes — src/pages/Training.tsx:28
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
31. [warning] design-no-default-tailwind-palette — src/pages/Training.tsx:36
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
32. [warning] design-no-default-tailwind-palette — src/pages/Training.tsx:42
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
33. [warning] no-react19-deprecated-apis — src/components/ui/hover-card.tsx:10
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
34. [warning] no-react19-deprecated-apis — src/components/ui/textarea.tsx:9
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
35. [warning] no-react19-deprecated-apis — src/components/ui/breadcrumb.tsx:7
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
36. [warning] no-react19-deprecated-apis — src/components/ui/breadcrumb.tsx:15
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
37. [warning] no-react19-deprecated-apis — src/components/ui/breadcrumb.tsx:30
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
38. [warning] no-react19-deprecated-apis — src/components/ui/breadcrumb.tsx:42
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
39. [warning] no-react19-deprecated-apis — src/components/ui/breadcrumb.tsx:60
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
40. [warning] design-no-redundant-size-axes — src/components/ui/breadcrumb.tsx:101
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
41. [warning] design-no-space-on-flex-children — src/pages/Recruitment.tsx:23
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
42. [warning] design-no-redundant-size-axes — src/pages/Recruitment.tsx:25
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
43. [warning] design-no-redundant-size-axes — src/pages/Recruitment.tsx:29
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
44. [warning] design-no-default-tailwind-palette — src/pages/Recruitment.tsx:37
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
45. [warning] design-no-default-tailwind-palette — src/pages/Recruitment.tsx:43
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
46. [warning] design-no-default-tailwind-palette — src/pages/Recruitment.tsx:49
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
47. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:43
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
48. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:44
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
49. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:73
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
50. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:87
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
51. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:104
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
52. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:126
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
53. [warning] no-react19-deprecated-apis — src/components/ui/form.tsx:143
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
54. [warning] no-react19-deprecated-apis — src/components/ui/tabs.tsx:8
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
55. [warning] no-react19-deprecated-apis — src/components/ui/tabs.tsx:23
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
56. [warning] no-react19-deprecated-apis — src/components/ui/tabs.tsx:38
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
57. [warning] design-no-space-on-flex-children — src/pages/Positions.tsx:23
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
58. [warning] design-no-redundant-size-axes — src/pages/Positions.tsx:25
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
59. [warning] design-no-redundant-size-axes — src/pages/Positions.tsx:29
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
60. [warning] design-no-default-tailwind-palette — src/pages/Positions.tsx:37
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
61. [warning] design-no-default-tailwind-palette — src/pages/Positions.tsx:43
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
62. [warning] design-no-default-tailwind-palette — src/pages/Positions.tsx:49
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
63. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:19
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
64. [warning] design-no-redundant-size-axes — src/components/ui/dropdown-menu.tsx:35
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
65. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:41
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
66. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:57
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
67. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:75
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
68. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:93
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
69. [warning] design-no-redundant-size-axes — src/components/ui/dropdown-menu.tsx:106
w-3.5 h-3.5 → use the shorthand size-3.5 (Tailwind v3.4+)
70. [warning] design-no-redundant-size-axes — src/components/ui/dropdown-menu.tsx:108
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
71. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:117
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
72. [warning] design-no-redundant-size-axes — src/components/ui/dropdown-menu.tsx:129
w-3.5 h-3.5 → use the shorthand size-3.5 (Tailwind v3.4+)
73. [warning] design-no-redundant-size-axes — src/components/ui/dropdown-menu.tsx:131
w-2 h-2 → use the shorthand size-2 (Tailwind v3.4+)
74. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:139
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
75. [warning] no-react19-deprecated-apis — src/components/ui/dropdown-menu.tsx:157
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
76. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:5
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
77. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:19
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
78. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:27
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
79. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:39
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
80. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:54
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
81. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:69
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
82. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:84
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
83. [warning] no-react19-deprecated-apis — src/components/ui/table.tsx:96
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
84. [warning] no-react19-deprecated-apis — src/components/ui/avatar.tsx:6
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
85. [warning] no-react19-deprecated-apis — src/components/ui/avatar.tsx:21
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
86. [warning] no-react19-deprecated-apis — src/components/ui/avatar.tsx:33
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
87. [warning] design-no-default-tailwind-palette — src/pages/NotFound.tsx:15
bg-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
88. [warning] design-no-bold-heading — src/pages/NotFound.tsx:17
font-bold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
89. [warning] design-no-default-tailwind-palette — src/pages/NotFound.tsx:18
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
90. [warning] no-react19-deprecated-apis — src/components/ui/drawer.tsx:23
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
91. [warning] no-react19-deprecated-apis — src/components/ui/drawer.tsx:35
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
92. [warning] no-react19-deprecated-apis — src/components/ui/drawer.tsx:78
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
93. [warning] no-react19-deprecated-apis — src/components/ui/drawer.tsx:93
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
94. [warning] no-react19-deprecated-apis — src/components/ui/switch.tsx:6
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
95. [warning] design-no-redundant-size-axes — src/pages/Login.tsx:45
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
96. [warning] design-no-redundant-size-axes — src/pages/Login.tsx:46
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
97. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:63
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
98. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:81
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
99. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:83
text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
100. [warning] design-no-redundant-size-axes — src/pages/Login.tsx:84
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
101. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:97
border-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
102. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:101
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
103. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:105
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
104. [warning] design-no-default-tailwind-palette — src/pages/Login.tsx:109
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
105. [warning] no-react19-deprecated-apis — src/components/ui/dialog.tsx:15
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
106. [warning] no-react19-deprecated-apis — src/components/ui/dialog.tsx:30
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
107. [warning] design-no-redundant-size-axes — src/components/ui/dialog.tsx:46
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
108. [warning] no-react19-deprecated-apis — src/components/ui/dialog.tsx:82
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
109. [warning] no-react19-deprecated-apis — src/components/ui/dialog.tsx:97
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
110. [warning] heading-has-content — src/components/ui/alert.tsx:39
Headings must have content and the content must be accessible by a screen reader.
111. [warning] no-react19-deprecated-apis — src/components/ui/alert.tsx:22
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
112. [warning] no-react19-deprecated-apis — src/components/ui/alert.tsx:35
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
113. [warning] no-react19-deprecated-apis — src/components/ui/alert.tsx:47
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
114. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:19
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
115. [warning] design-no-redundant-size-axes — src/pages/Leave.tsx:27
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
116. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:35
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
117. [warning] design-no-redundant-size-axes — src/pages/Leave.tsx:43
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
118. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:51
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
119. [warning] design-no-redundant-size-axes — src/pages/Leave.tsx:59
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
120. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:67
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
121. [warning] design-no-redundant-size-axes — src/pages/Leave.tsx:75
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
122. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:88
bg-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
123. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:88
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
124. [warning] design-no-space-on-flex-children — src/pages/Leave.tsx:104
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
125. [warning] design-no-redundant-size-axes — src/pages/Leave.tsx:106
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
126. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:114
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
127. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:122
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
128. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:130
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
129. [warning] design-no-default-tailwind-palette — src/pages/Leave.tsx:138
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
130. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:19
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
131. [warning] design-no-redundant-size-axes — src/components/ui/context-menu.tsx:35
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
132. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:40
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
133. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:55
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
134. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:72
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
135. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:90
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
136. [warning] design-no-redundant-size-axes — src/components/ui/context-menu.tsx:103
w-3.5 h-3.5 → use the shorthand size-3.5 (Tailwind v3.4+)
137. [warning] design-no-redundant-size-axes — src/components/ui/context-menu.tsx:105
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
138. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:114
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
139. [warning] design-no-redundant-size-axes — src/components/ui/context-menu.tsx:126
w-3.5 h-3.5 → use the shorthand size-3.5 (Tailwind v3.4+)
140. [warning] design-no-redundant-size-axes — src/components/ui/context-menu.tsx:128
w-2 h-2 → use the shorthand size-2 (Tailwind v3.4+)
141. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:136
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
142. [warning] no-react19-deprecated-apis — src/components/ui/context-menu.tsx:154
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
143. [warning] no-react19-deprecated-apis — src/components/ui/slider.tsx:6
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
144. [warning] design-no-redundant-size-axes — src/components/ui/slider.tsx:21
w-5 h-5 → use the shorthand size-5 (Tailwind v3.4+)
145. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:13
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
146. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:28
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
147. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:74
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
148. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:86
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
149. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:99
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
150. [warning] no-react19-deprecated-apis — src/components/ui/alert-dialog.tsx:111
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
151. [warning] design-no-bold-heading — src/pages/Index.tsx:15
font-bold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
152. [warning] design-no-bold-heading — src/pages/Index.tsx:30
font-bold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
153. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:30
text-gray-900 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
154. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:33
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
155. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:48
border-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
156. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:51
w-8 h-8 → use the shorthand size-8 (Tailwind v3.4+)
157. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:55
w-8 h-8 → use the shorthand size-8 (Tailwind v3.4+)
158. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:59
w-8 h-8 → use the shorthand size-8 (Tailwind v3.4+)
159. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:63
w-8 h-8 → use the shorthand size-8 (Tailwind v3.4+)
160. [warning] design-no-bold-heading — src/pages/Index.tsx:75
font-bold on <h2> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
161. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:75
text-gray-900 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
162. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:76
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
163. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:80
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
164. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:80
border-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
165. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:81
w-10 h-10 → use the shorthand size-10 (Tailwind v3.4+)
166. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:83
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
167. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:88
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
168. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:88
border-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
169. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:89
w-10 h-10 → use the shorthand size-10 (Tailwind v3.4+)
170. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:91
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
171. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:96
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
172. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:96
border-gray-100 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
173. [warning] design-no-redundant-size-axes — src/pages/Index.tsx:97
w-10 h-10 → use the shorthand size-10 (Tailwind v3.4+)
174. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:99
text-gray-600 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
175. [warning] design-no-bold-heading — src/pages/Index.tsx:118
font-bold on <h3> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
176. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:119
text-gray-300 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
177. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:125
text-gray-300 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
178. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:135
text-gray-300 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
179. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:142
border-gray-700 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
180. [warning] design-no-default-tailwind-palette — src/pages/Index.tsx:142
text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
181. [warning] rendering-hydration-mismatch-time — src/pages/Index.tsx:143
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
182. [warning] no-unknown-property — src/components/ui/command.tsx:42
Unknown property found
183. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:9
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
184. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:38
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
185. [warning] design-no-redundant-size-axes — src/components/ui/command.tsx:43
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
186. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:57
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
187. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:70
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
188. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:83
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
189. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:99
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
190. [warning] no-react19-deprecated-apis — src/components/ui/command.tsx:111
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
191. [warning] no-react19-deprecated-apis — src/components/ui/accordion.tsx:9
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
192. [warning] no-react19-deprecated-apis — src/components/ui/accordion.tsx:21
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
193. [warning] design-no-redundant-size-axes — src/components/ui/accordion.tsx:35
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
194. [warning] no-react19-deprecated-apis — src/components/ui/accordion.tsx:41
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
195. [warning] design-no-space-on-flex-children — src/pages/Employees.tsx:24
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
196. [warning] design-no-redundant-size-axes — src/pages/Employees.tsx:26
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
197. [warning] design-no-redundant-size-axes — src/pages/Employees.tsx:30
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
198. [warning] design-no-redundant-size-axes — src/pages/Employees.tsx:34
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
199. [warning] design-no-redundant-size-axes — src/pages/Employees.tsx:38
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
200. [warning] design-no-default-tailwind-palette — src/pages/Employees.tsx:46
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
201. [warning] rerender-state-only-in-handlers — src/components/tour/GuidedTour.tsx:100
useState "tourCompleted" is updated but never read in the component's return — use useRef so updates don't trigger re-renders
202. [warning] rerender-functional-setstate — src/components/tour/GuidedTour.tsx:119
setCurrentStep(currentStep + ...) — use functional update to avoid stale closures
203. [warning] rerender-functional-setstate — src/components/tour/GuidedTour.tsx:127
setCurrentStep(currentStep - ...) — use functional update to avoid stale closures
204. [warning] design-no-redundant-size-axes — src/components/tour/GuidedTour.tsx:153
w-12 h-12 → use the shorthand size-12 (Tailwind v3.4+)
205. [warning] design-no-redundant-size-axes — src/components/tour/GuidedTour.tsx:156
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
206. [warning] no-array-index-as-key — src/components/tour/GuidedTour.tsx:173
Array index "index" used as key — causes bugs when list is reordered or filtered
207. [warning] design-no-redundant-size-axes — src/components/tour/GuidedTour.tsx:198
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
208. [warning] design-no-redundant-size-axes — src/components/tour/GuidedTour.tsx:199
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
209. [warning] design-no-default-tailwind-palette — src/components/tour/GuidedTour.tsx:207
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
210. [warning] design-no-redundant-size-axes — src/components/tour/GuidedTour.tsx:227
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
211. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:40
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
212. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:48
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
213. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:157
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
214. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:260
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
215. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:286
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
216. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:315
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
217. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:333
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
218. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:351
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
219. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:366
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
220. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:381
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
221. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:396
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
222. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:414
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
223. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:429
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
224. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:450
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
225. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:473
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
226. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:486
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
227. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:499
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
228. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:534
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
229. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:593
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
230. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:624
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
231. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:645
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
232. [warning] no-usememo-simple-expression — src/components/ui/sidebar.tsx:652
useMemo wrapping a trivially cheap expression — memo overhead exceeds the computation
233. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:683
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
234. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:700
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
235. [warning] no-react19-deprecated-apis — src/components/ui/sidebar.tsx:706
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
236. [warning] design-no-space-on-flex-children — src/pages/Departments.tsx:24
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
237. [warning] design-no-redundant-size-axes — src/pages/Departments.tsx:26
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
238. [warning] design-no-redundant-size-axes — src/pages/Departments.tsx:30
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
239. [warning] design-no-default-tailwind-palette — src/pages/Departments.tsx:38
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
240. [warning] no-react19-deprecated-apis — src/components/ui/checkbox.tsx:7
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
241. [warning] design-no-redundant-size-axes — src/components/ui/checkbox.tsx:22
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
242. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveTable.tsx:134
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
243. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveTable.tsx:134
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
244. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveTable.tsx:134
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
245. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveTable.tsx:134
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
246. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:148
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
247. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:150
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
248. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:152
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
249. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:160
w-8 h-8 → use the shorthand size-8 (Tailwind v3.4+)
250. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:161
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
251. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:171
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
252. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:178
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
253. [warning] design-no-redundant-size-axes — src/components/leave/LeaveTable.tsx:184
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
254. [warning] no-react19-deprecated-apis — src/components/ui/sheet.tsx:16
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
255. [warning] no-react19-deprecated-apis — src/components/ui/sheet.tsx:54
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
256. [warning] design-no-redundant-size-axes — src/components/ui/sheet.tsx:67
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
257. [warning] no-react19-deprecated-apis — src/components/ui/sheet.tsx:103
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
258. [warning] no-react19-deprecated-apis — src/components/ui/sheet.tsx:115
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
259. [warning] design-no-default-tailwind-palette — src/pages/Dashboard.tsx:59
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
260. [warning] design-no-redundant-size-axes — src/pages/Dashboard.tsx:63
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
261. [warning] design-no-redundant-size-axes — src/pages/Dashboard.tsx:67
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
262. [warning] design-no-redundant-size-axes — src/pages/Dashboard.tsx:71
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
263. [warning] design-no-redundant-size-axes — src/pages/Dashboard.tsx:75
w-6 h-6 → use the shorthand size-6 (Tailwind v3.4+)
264. [warning] no-danger — src/components/ui/chart.tsx:79
Do not use `dangerouslySetInnerHTML` prop
265. [warning] prefer-dynamic-import — src/components/ui/chart.tsx:2
"recharts" is a heavy library — use React.lazy() or next/dynamic for code splitting
266. [warning] no-react19-deprecated-apis — src/components/ui/chart.tsx:26
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
267. [warning] no-react19-deprecated-apis — src/components/ui/chart.tsx:35
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
268. [warning] no-react19-deprecated-apis — src/components/ui/chart.tsx:103
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
269. [warning] no-react19-deprecated-apis — src/components/ui/chart.tsx:259
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
270. [warning] design-no-redundant-size-axes — src/components/ui/chart.tsx:301
w-2 h-2 → use the shorthand size-2 (Tailwind v3.4+)
271. [warning] client-localstorage-no-version — src/components/leave/LeaveRequestForm.tsx:87
localStorage.setItem("leaveRequests", JSON.stringify(...)) — bake a version into the key (e.g. "leaveRequests:v1") so a future schema change can ignore old data instead of crashing on it
272. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveRequestForm.tsx:163
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
273. [warning] design-no-redundant-size-axes — src/components/leave/LeaveRequestForm.tsx:154
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
274. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveRequestForm.tsx:163
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
275. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveRequestForm.tsx:212
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
276. [warning] design-no-redundant-size-axes — src/components/leave/LeaveRequestForm.tsx:203
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
277. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveRequestForm.tsx:212
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
278. [warning] design-no-default-tailwind-palette — src/components/leave/LeaveRequestForm.tsx:224
bg-gray-50 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
279. [warning] design-no-space-on-flex-children — src/components/leave/LeaveRequestForm.tsx:250
space-x-4 on a flex/grid parent — use gap-x-4 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
280. [warning] no-react19-deprecated-apis — src/components/ui/separator.tsx:6
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
281. [warning] design-no-space-on-flex-children — src/pages/Benefits.tsx:23
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
282. [warning] design-no-redundant-size-axes — src/pages/Benefits.tsx:25
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
283. [warning] design-no-redundant-size-axes — src/pages/Benefits.tsx:29
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
284. [warning] design-no-default-tailwind-palette — src/pages/Benefits.tsx:37
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
285. [warning] design-no-default-tailwind-palette — src/pages/Benefits.tsx:43
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
286. [warning] design-no-default-tailwind-palette — src/pages/Benefits.tsx:49
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
287. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:34
useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`
288. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:43
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
289. [warning] advanced-event-handler-refs — src/components/ui/carousel.tsx:107
useEffect re-subscribes a "onSelect" listener every time the handler identity changes — store the handler in a ref and have the listener read `handlerRef.current()`, then drop it from the deps
290. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:151
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
291. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:173
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
292. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:195
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
293. [warning] design-no-redundant-size-axes — src/components/ui/carousel.tsx:217
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
294. [warning] no-react19-deprecated-apis — src/components/ui/carousel.tsx:224
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
295. [warning] design-no-redundant-size-axes — src/components/ui/carousel.tsx:246
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
296. [warning] design-no-redundant-size-axes — src/components/leave/LeaveRequestDialog.tsx:23
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
297. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:13
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
298. [warning] design-no-redundant-size-axes — src/components/ui/select.tsx:27
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
299. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:33
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
300. [warning] design-no-redundant-size-axes — src/components/ui/select.tsx:45
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
301. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:50
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
302. [warning] design-no-redundant-size-axes — src/components/ui/select.tsx:62
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
303. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:68
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
304. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:100
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
305. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:112
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
306. [warning] design-no-redundant-size-axes — src/components/ui/select.tsx:124
w-3.5 h-3.5 → use the shorthand size-3.5 (Tailwind v3.4+)
307. [warning] design-no-redundant-size-axes — src/components/ui/select.tsx:126
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
308. [warning] no-react19-deprecated-apis — src/components/ui/select.tsx:135
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
309. [warning] heading-has-content — src/components/ui/card.tsx:36
Headings must have content and the content must be accessible by a screen reader.
310. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:5
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
311. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:20
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
312. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:32
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
313. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:47
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
314. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:59
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
315. [warning] no-react19-deprecated-apis — src/components/ui/card.tsx:67
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
316. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveDetailsDialog.tsx:78
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
317. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveDetailsDialog.tsx:78
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
318. [warning] design-no-redundant-size-axes — src/components/leave/LeaveDetailsDialog.tsx:95
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
319. [warning] design-no-redundant-size-axes — src/components/leave/LeaveDetailsDialog.tsx:97
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
320. [warning] design-no-redundant-size-axes — src/components/leave/LeaveDetailsDialog.tsx:99
w-3 h-3 → use the shorthand size-3 (Tailwind v3.4+)
321. [warning] rendering-hydration-mismatch-time — src/components/leave/LeaveDetailsDialog.tsx:107
new Date() reachable from JSX renders differently on server vs client — wrap in useEffect+useState (client-only) or add suppressHydrationWarning to the parent if intentional
322. [warning] design-no-space-on-flex-children — src/components/leave/LeaveDetailsDialog.tsx:121
space-x-2 on a flex/grid parent — use gap-x-2 instead. Per-sibling margins phantom-gap on conditional render and don't mirror in RTL
323. [warning] design-no-redundant-size-axes — src/components/leave/LeaveDetailsDialog.tsx:126
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
324. [warning] design-no-redundant-size-axes — src/components/leave/LeaveDetailsDialog.tsx:129
w-4 h-4 → use the shorthand size-4 (Tailwind v3.4+)
325. [warning] no-react19-deprecated-apis — src/components/ui/scroll-area.tsx:6
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
326. [warning] no-react19-deprecated-apis — src/components/ui/scroll-area.tsx:24
forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly
327. [warning] design-no-default-tailwind-palette — src/components/dashboard/StatCard.tsx:49
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
328. [warning] design-no-bold-heading — src/components/dashboard/StatCard.tsx:50
font-bold on <h3> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
329. [warning] design-no-default-tailwind-palette — src/components/dashboard/StatCard.tsx:73
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
330. [warning] design-no-default-tailwind-palette — src/components/layout/Sidebar.tsx:84
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
331. [warning] design-no-bold-heading — src/components/layout/Sidebar.tsx:86
font-bold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)
332. [warning] design-no-default-tailwind-palette — src/components/layout/Sidebar.tsx:88
text-gray-500 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
333. [warning] design-no-default-tailwind-palette — src/components/layout/Sidebar.tsx:108
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
334. [warning] design-no-default-tailwind-palette — src/components/layout/Sidebar.tsx:109
text-gray-400 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
335. [warning] design-no-default-tailwind-palette — src/components/layout/Sidebar.tsx:123
border-gray-200 reads as the Tailwind template default — use zinc (true neutral), neutral (warmer), or stone (warmest)
336
---
_Issue body truncated. See the full report at [react.review/dashboard](https://react.review/dashboard)._Activity
0No activity yet.