💅 Biomo throw useExhaustiveDependencies error when variable outside the component is used in useMemo

[nouman2075]

Environment information

CLI:
  Version:                      1.5.3
  Color support:                true

Platform:
  CPU Architecture:             aarch64
  OS:                           macos

Environment:
  BIOME_LOG_DIR:                unset
  NO_COLOR:                     unset
  TERM:                         "xterm-256color"
  JS_RUNTIME_VERSION:           "v20.11.0"
  JS_RUNTIME_NAME:              "node"
  NODE_PACKAGE_MANAGER:         "bun/1.0.26"

Biome Configuration:
  Status:                       Loaded successfully
  Formatter disabled:           false
  Linter disabled:              false
  Organize imports disabled:    false
  VCS disabled:                 false

Workspace:
  Open Documents:               0

Rule name

useExhaustiveDependencies

Playground link

https://biomejs.dev/playground/?code=aQBtAHAAbwByAHQAIAB7ACAAdQBzAGUATQBlAG0AbwAgAH0AIABmAHIAbwBtACAAJwByAGUAYQBjAHQAJwA7AAoAaQBtAHAAbwByAHQAIAB7ACAAQQBjAGMAZQBzAHMAUABvAGwAaQBjAHkATABpAHMAdAAgAH0AIABmAHIAbwBtACAAJwAuAC8AYQBjAGMAZQBzAHMAUABvAGwAaQBjAHkATABpAHMAdAAnADsACgAKAGkAbgB0AGUAcgBmAGEAYwBlACAAQQBjAGMAZQBzAHMAUABvAGwAaQBjAHkARAByAGEAdwBlAHIAUAByAG8AcABzACAAewAKACAAIAByAGUAcwBvAHUAcgBjAGUAOgAgAHMAdAByAGkAbgBnADsACgB9AAoACgBlAHgAcABvAHIAdAAgAGQAZQBmAGEAdQBsAHQAIABmAHUAbgBjAHQAaQBvAG4AIABSAGUAcwBvAHUAcgBjAGUAQwBvAG4AZgBpAGcAdQByAGEAdABpAG8AbgAoAHAAcgBvAHAAcwA6ACAAQQBjAGMAZQBzAHMAUABvAGwAaQBjAHkARAByAGEAdwBlAHIAUAByAG8AcABzACkAIAB7AAoACQBjAG8AbgBzAHQAIAB7ACAAcgBlAHMAbwB1AHIAYwBlACAAfQAgAD0AIABwAHIAbwBwAHMAOwAKAAoACQBjAG8AbgBzAHQAIABvAHAAdABpAG8AbgBzACAAPQAgAHUAcwBlAE0AZQBtAG8AKAAoACkAIAA9AD4AIAB7AAoACQAJAGMAbwBuAHMAdAAgAGMAbwBuAGYAaQBnACAAPQAgAEEAYwBjAGUAcwBzAFAAbwBsAGkAYwB5AEwAaQBzAHQAPwAuAFsAcgBlAHMAbwB1AHIAYwBlAF0AOwAKAAkACQBpAGYAIAAoACEAYwBvAG4AZgBpAGcAKQAgAHIAZQB0AHUAcgBuACAAWwBdADsACgAKACAAIAAgACAAIAAgACAAIAAvAC8AIABTAG8AbQBlACAAYwBhAGwAYwB1AGwAYQB0AGkAbwBuAC4ALgAuAC4ACgAJAAkAcgBlAHQAdQByAG4AIABbAF0ACgAJAH0ALAAgAFsAcgBlAHMAbwB1AHIAYwBlAF0AKQA7AAoACgAJAHIAZQB0AHUAcgBuACAAbgB1AGwAbAA7AAoAfQAKAA%3D%3D

Expected result

useMemo should not include any variable/constant in dependencies array that is declared outside the component of imported from another file.

import { useMemo } from 'react';
import { AccessPolicyList } from './accessPolicyList';

export default function ResourceConfiguration(props: AccessPolicyDrawerProps) {
	const { resource } = props;

	const options = useMemo(() => {
		const config = AccessPolicyList?.[resource];
		if (!config) return [];

                // Some calculation....
		return []
	}, [resource]);

	return null;
}

Throw error:

1. This hook does not specify all of its dependencies: AccessPolicyList?.[resource]
2. This hook specifies more dependencies than necessary: resource

In above example, only resourse should be in dependency array

Code of Conduct

• I agree to follow Biome's Code of Conduct