cleanup: make useFlags hooks more stable

We were using values in the dependencies array that would cause new
functions from being returned even though we didn't use those values
inside the callback.

Author: RobinMalfait

packages/@headlessui-react/src/hooks/use-flags.ts

@@ -3,12 +3,12 @@ import { useCallback, useState } from 'react'
 export function useFlags(initialFlags = 0) {
   let [flags, setFlags] = useState(initialFlags)
 
-  let setFlag = useCallback((flag: number) => setFlags(flag), [flags])
+  let setFlag = useCallback((flag: number) => setFlags(flag), [])
 
-  let addFlag = useCallback((flag: number) => setFlags((flags) => flags | flag), [flags])
+  let addFlag = useCallback((flag: number) => setFlags((flags) => flags | flag), [])
   let hasFlag = useCallback((flag: number) => (flags & flag) === flag, [flags])
-  let removeFlag = useCallback((flag: number) => setFlags((flags) => flags & ~flag), [setFlags])
-  let toggleFlag = useCallback((flag: number) => setFlags((flags) => flags ^ flag), [setFlags])
+  let removeFlag = useCallback((flag: number) => setFlags((flags) => flags & ~flag), [])
+  let toggleFlag = useCallback((flag: number) => setFlags((flags) => flags ^ flag), [])
 
   return { flags, setFlag, addFlag, hasFlag, removeFlag, toggleFlag }
 }