MurkyMeow

type NumberRange<N extends number, A extends number[] = []> =
  A['length'] extends N ? A : NumberRange<N, [...A, A['length']]>

type Upto10 = NumberRange<10> // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

// If TS is too lazy to unwind a deep recursion (depth = 46):

type Upto46_ = NumberRange<46> // Type instantiation is excessively deep and possibly infinite

// We can reduce it's depth by specifying a bigger initial array (now depth = 36):

MurkyMeow

export const Component = () => {
	const servicesRef = useRef<HTMLAnchorElement>(null);
	const isServicesHovered = useHover(servicesRef);

	return (
		<Popover.Root open={isServicesHovered}>
			<Popover.Trigger asChild>
				<Link href="/" ref={servicesRef}>
					Services
				</Link>