versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 02:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 🏷️ Fix several typing issues from React 19

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-12-10 16:31:07 +01:00
parent 7055b89842
commit 8bb062e887
No known key found for this signature in database
3 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/Heading.tsx
View file

@ -5,6 +5,7 @@ import Link from "next/link";
import {
type ComponentPropsWithoutRef,
type ReactNode,
type RefObject,
useEffect,
useRef,
} from "react";
@ -87,7 +88,7 @@ export function Heading<Level extends 2 | 3>({
}) {
level = level ?? (2 as Level);
const Component = `h${level}` as "h2" | "h3";
const ref = useRef<HTMLHeadingElement>(null);
const ref = useRef<HTMLHeadingElement | null>(null);
const registerHeading = useSectionStore((s) => s.registerHeading);
const inView = useInView(ref, {
@ -96,10 +97,10 @@ export function Heading<Level extends 2 | 3>({
});
useEffect(() => {
if (level === 2) {
if (level === 2 && ref.current) {
registerHeading({
id: props.id,
ref,
ref: ref as RefObject<HTMLHeadingElement>,
offsetRem: tag || label ? 8 : 6,
});
}