Minor internal fixes (tailwindlabs#1967)

brabli · web-flow · commit 5d671c90b36a · 2025-01-23T22:13:08.000-05:00
* Minor grammar fix in comment

* Remove unused useEffect

* Replace deprecated HTMLDocument with Document

* Remove unused imports
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
@@ -4,7 +4,7 @@ import { formatDate, getBlogPostBySlug, getBlogPostSlugs } from "../api";
 import Image from "next/image";
 import { NewsletterForm } from "@/components/newsletter-form";
 import GridContainer from "@/components/grid-container";
-import type { Metadata, ResolvingMetadata } from "next/types";
+import type { Metadata } from "next/types";
 
 type Props = {
   params: Promise<{
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -14,7 +14,7 @@
 @theme {
   --animate-flash-code: flash-code 2s forwards;
 
-  /* This uses --color-sky-500 but it's inlined because of an bug in chrome */
+  /* This uses --color-sky-500 but it's inlined because of a bug in chrome */
   @keyframes flash-code {
     0% {
       background-color: oklch(0.685 0.169 237.323 / 10%);
diff --git a/src/components/dynamic-viewport-example.tsx b/src/components/dynamic-viewport-example.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, useRef, useEffect } from "react";
+import React, { useState, useRef } from "react";
 import { motion, useScroll, useMotionValueEvent } from "framer-motion";
 import clsx from "clsx";
 import { Stripes } from "./stripes";
diff --git a/src/components/iframe.tsx b/src/components/iframe.tsx
@@ -16,7 +16,7 @@ export function Iframe({ children, ...props }: React.ComponentProps<"iframe">) {
 
     // We need to add `light` or `dark` to the <html> element in the iframe
     // for Safari to work properly
-    let root = mountNode.getRootNode() as HTMLDocument;
+    let root = mountNode.getRootNode() as Document;
     if (root) {
       root.documentElement.className = theme as string;
     }
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
@@ -1,5 +1,5 @@
 import type { MDXComponents } from "mdx/types";
-import React, { ReactNode, useId } from "react";
+import React, { ReactNode } from "react";
 import { CodeExample } from "./components/code-example";
 import Link from "next/link";
 

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ export function Iframe({ children, ...props }: React.ComponentProps<"iframe">) {`
`16`	`16`
`17`	`17`	// We need to add `light` or `dark` to the <html> element in the iframe
`18`	`18`	`// for Safari to work properly`
`19`		`- let root = mountNode.getRootNode() as HTMLDocument;`
	`19`	`+ let root = mountNode.getRootNode() as Document;`
`20`	`20`	`if (root) {`
`21`	`21`	`root.documentElement.className = theme as string;`
`22`	`22`	`}`