Fix type errors

Author: hasparus

packages/docs/src/components/code.tsx

@@ -48,7 +48,7 @@ const images = {
 
 const scope = {
   ...themeUI,
-  Link: (props) => {
+  Link: (props: Record<string, any>) => {
     if (props.activeClassName)
       return <span className={props.activeClassName} {...props} />
     return <span {...props} sx={{ cursor: 'pointer' }} />
@@ -57,20 +57,28 @@ const scope = {
   images,
 }
 
-const stripTrailingNewline = (str) => {
+const stripTrailingNewline = (str: string) => {
   if (typeof str === 'string' && str[str.length - 1] === '\n') {
     return str.slice(0, -1)
   }
   return str
 }
 
-const transformCode = (src) => {
+const transformCode = (src: string) => {
   return `<>${src}</>`
 }
 
 const liveTheme: PrismTheme = { plain: {}, styles: [] }
 
-export const LiveCode = ({ children, preview, xray }) => {
+export const LiveCode = ({
+  children,
+  preview,
+  xray,
+}: {
+  children: string
+  preview?: boolean
+  xray?: boolean
+}) => {
   const code = stripTrailingNewline(children)
 
   if (preview) {
@@ -96,8 +104,8 @@ export const LiveCode = ({ children, preview, xray }) => {
       <div
         sx={{
           p: 3,
-          variant: xray ? 'styles.xray' : null,
-          border: (t) => `1px solid ${t.colors.muted}`,
+          variant: xray ? 'styles.xray' : undefined,
+          border: (t) => `1px solid ${t.colors!.muted}`,
         }}
       >
         <LivePreview />
@@ -114,6 +122,7 @@ export const LiveCode = ({ children, preview, xray }) => {
       </div>
       <Themed.pre sx={{ p: 0, mt: 0, mb: 3 }}>
         <LiveEditor
+          // @ts-expect-error
           padding="1rem"
           style={{
             fontFamily: 'inherit',
@@ -134,17 +143,18 @@ type UsualCodeBlockProps = {
 type CodeBlockProps = LiveCodeBlockProps | UsualCodeBlockProps
 
 const CodeBlock = (props: CodeBlockProps) => {
-  if (typeof props.children === 'object') {
+  if (typeof props.children === 'object' && props.children) {
     props = {
       ...props,
-      ...props.children.props,
+      ...(props.children as any).props,
     }
   }
 
   if (props.live) {
     return (
       <LiveCode
         {...props}
+        // @ts-expect-error
         style={{
           fontFamily: 'Menlo',
         }}

packages/docs/src/components/search-input.tsx

@@ -33,7 +33,7 @@ const algoliaStyles: ThemeUICSSObject = {
     },
     '.algolia-docsearch-suggestion--highlight': {
       color: 'primary',
-      '--shadow-color': (theme) => theme.colors.muted,
+      '--shadow-color': (theme) => theme.colors!.muted,
       boxShadow: 'inset 0 -2px 0 0 var(--shadow-color)',
       padding: 0,
     },
@@ -78,7 +78,7 @@ const resetButtonStyles: ThemeUICSSObject = {
       width: '1em',
       borderRadius: '50em',
       background: (th) => {
-        const textColor = (th.rawColors || th.colors).text
+        const textColor = (th.rawColors || th.colors)!.text
         const fill = encodeURIComponent(String(textColor))
         return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='${fill}' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");`
       },
@@ -107,7 +107,7 @@ export default function SearchInput() {
   const searchInputId = 'algolia-docs-search'
 
   useEffect(() => {
-    let lastSearchInput = null
+    let lastSearchInput: HTMLElement | null = null
     const observer = new MutationObserver(function () {
       const searchInput = document.getElementById(searchInputId)
       const docsearch = (window as any).docsearch

packages/docs/src/components/sidenav.tsx

@@ -277,7 +277,7 @@ export const AccordionNav = forwardRef<HTMLDivElement, AccordionNavProps>(
                 <NavLinks
                   open={pathname.includes(href) || expanded[i]}
                   Link={Link}
-                  links={children}
+                  links={children!}
                 />
               </li>
             ))}