Fix strict checks

demo/components/code.tsx

@@ -15,6 +15,7 @@ const Code: FunctionalComponent<Props> = ({
   children,
 }) => {
   useLayoutEffect(() => {
+    if (!ref.current) return;
     ref.current.textContent = children;
     Prism.highlightElement(ref.current);
   });
@@ -23,6 +24,7 @@ const Code: FunctionalComponent<Props> = ({
 
   return (
     <pre style="border-radius: 8px">
+      {/* @ts-ignore */}
       <code ref={ref} class={`language-${language}`}>
         {children}
       </code>

demo/components/display.tsx

@@ -38,14 +38,18 @@ ${blocks}});
 `;
 };
 
+type NonNull<T> = T extends null ? never : T;
+
+type Parseable = "text" | "json" | undefined;
+
 const Display: FunctionalComponent = () => {
   const [animate, setAnimate] = useState(true);
-  const [parse, setParse] = useState(undefined);
+  const [parse, setParse] = useState<Parseable>(undefined);
   const [filePicker, setFilePicker] = useState(true);
 
   const handleRadio = useCallback(
-    (ev: Parameters<HTMLInputElement["oninput"]>[0]) => {
-      const value = (ev.target as HTMLInputElement).value;
+    (ev: Parameters<NonNull<HTMLInputElement["oninput"]>>[0]) => {
+      const value = (ev.target as HTMLInputElement).value as Parseable;
       setParse(value ? value : undefined);
     },
     []

demo/components/drop.tsx

@@ -37,6 +37,7 @@ const Drop: FunctionalComponent<Props> = ({ animate, parse, filePicker }) => {
 
   return (
     <>
+      {/* @ts-ignore */}
       <div ref={container} class={styles.drop}>
         <div>Drop files here</div>
       </div>

demo/components/preview.tsx

@@ -60,7 +60,7 @@ const Preview = <T,>({ files, onClose }: Props<T>): JSX.Element => {
                 ev.preventDefault();
                 setActive(name);
               }}
-              class={active == name ? styles.active : null}
+              class={active == name ? styles.active : undefined}
             >
               {name}
             </a>

tsconfig.json

@@ -12,5 +12,5 @@
     "jsx": "react-jsx",
     "jsxImportSource": "preact"
   },
-  "include": ["src", "examples"]
+  "include": ["src", "demo", "examples"]
 }