Add type to CH components

Author: pomber

packages/mdx/src/components.tsx

@@ -14,6 +14,7 @@ import {
 } from "./mdx-client/annotations"
 import { Preview } from "./mdx-client/preview"
 import { InlineCode } from "./mdx-client/inline-code"
+import type { MDXComponents } from "mdx/types"
 
 export {
   Code,
@@ -31,7 +32,7 @@ export {
   PreviewSlot,
 }
 
-export const CH = {
+export const CH: MDXComponents = {
   Code,
   Section,
   SectionLink,

packages/mdx/src/mdx-client/annotations.tsx

@@ -3,7 +3,12 @@ import { CodeAnnotation } from "../smooth-code"
 import { getColor, transparent, ColorName } from "../utils"
 
 export function Annotation() {
-  return "error: code hike remark plugin not running or annotation isn't at the right place"
+  return (
+    <div>
+      "error: code hike remark plugin not running or
+      annotation isn't at the right place"
+    </div>
+  )
 }
 
 export const annotationsMap: Record<