chore(eslint): enable @eslint-react/use-state rule

client/src/app/hooks/usePersistentState.ts

@@ -80,6 +80,7 @@ export const usePersistentState = <
     persistenceKeyPrefix ? `${persistenceKeyPrefix}:${key}` : key;
 
   const persistence = {
+    // eslint-disable-next-line @eslint-react/use-state -- intentionally stored as tuple in persistence map
     state: React.useState(defaultValue),
     urlParams: useUrlParams(
       isUrlParamsOptions(options)

client/src/app/hooks/useSelectionState.ts

@@ -30,7 +30,7 @@ export const useSelectionState = <T>({
   initialSelected = [],
   isEqual = (a, b) => a === b,
 }: ISelectionStateArgs<T>): ISelectionState<T> => {
-  const [selectedSet, setSelectedSet] = React.useState<T[]>(
+  const [selectedSet, setSelectedSet] = React.useState<T[]>(() =>
     doSelect(isEqual, items, initialSelected),
   );
 

client/src/app/hooks/useStorage.ts

@@ -60,7 +60,7 @@ const useStorage = <T>({
   key,
   defaultValue,
 }: IUseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>] => {
-  const [cachedValue, setCachedValue] = React.useState<T>(
+  const [cachedValue, setCachedValue] = React.useState<T>(() =>
     getValueFromStorage(type, key, defaultValue),
   );
 

client/src/app/pages/sbom-groups/sbom-groups-provider.tsx

@@ -49,7 +49,7 @@ export const SbomGroupsProvider: React.FunctionComponent<
 
   // Track manually expanded node IDs (browse mode only)
   const [expandedNodeIds, setExpandedNodeIds] = React.useState<Set<string>>(
-    new Set(),
+    () => new Set(),
   );
 
   const toggleExpandedNodes = React.useCallback((node: SbomGroupItem) => {

eslint.config.mjs

@@ -38,7 +38,6 @@ export default defineConfig([
       "@eslint-react/no-context-provider": "off",
       "@eslint-react/naming-convention-ref-name": "off",
       "@eslint-react/no-array-index-key": "off",
-      "@eslint-react/use-state": "off",
       "@eslint-react/no-unnecessary-use-prefix": "off",
       "@typescript-eslint/no-unused-vars": "off",
       "@eslint-react/exhaustive-deps": "off",