(depArray: ReadonlyArray<any> = [])
| 133 | * @param depArray - When to recalculate if the id is in the DOM. |
| 134 | */ |
| 135 | export function useSlotId(depArray: ReadonlyArray<any> = []): string { |
| 136 | let id = useId(); |
| 137 | let [resolvedId, setResolvedId] = useValueEffect(id); |
| 138 | let updateId = useCallback(() => { |
| 139 | setResolvedId(function* () { |
| 140 | yield id; |
| 141 | |
| 142 | yield document.getElementById(id) ? id : undefined; |
| 143 | }); |
| 144 | // oxlint-disable-next-line react/react-compiler |
| 145 | }, [id, setResolvedId]); |
| 146 | |
| 147 | useLayoutEffect(updateId, [id, updateId, ...depArray]); |
| 148 | |
| 149 | return resolvedId; |
| 150 | } |
no test coverage detected