(depArray: ReadonlyArray<any> = [])
| 117 | * @param depArray - When to recalculate if the id is in the DOM. |
| 118 | */ |
| 119 | export function useSlotId(depArray: ReadonlyArray<any> = []): string { |
| 120 | let id = useId(); |
| 121 | let [resolvedId, setResolvedId] = useValueEffect(id); |
| 122 | let updateId = useCallback(() => { |
| 123 | setResolvedId(function* () { |
| 124 | yield id; |
| 125 | |
| 126 | yield document.getElementById(id) ? id : undefined; |
| 127 | }); |
| 128 | }, [id, setResolvedId]); |
| 129 | |
| 130 | useLayoutEffect(updateId, [id, updateId, ...depArray]); |
| 131 | |
| 132 | return resolvedId; |
| 133 | } |
no test coverage detected