diff --git a/src/components/mdx/CodeBlock.tsx b/src/components/mdx/CodeBlock.tsx
index b5a0692..bc482f9 100644
--- a/src/components/mdx/CodeBlock.tsx
+++ b/src/components/mdx/CodeBlock.tsx
@@ -1,14 +1,14 @@
-import { Highlight, themes } from "prism-react-renderer";
+import {Highlight, themes} from "prism-react-renderer";
 import styled from "styled-components";
-import { ReactElement } from "react";
 
-export default function CodeBlock(props: { children: ReactElement }) {
-  const className = props.children.props.className || "";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default function CodeBlock(props: any) {
+  const className = props.children?.props.className || "";
   const matches = className.match(/language-(?<lang>.*)/);
   return (
     <Highlight
       theme={themes.oceanicNext}
-      code={props.children.props.children}
+      code={props.children?.props.children}
       language={
         matches && matches.groups && matches.groups.lang
           ? matches.groups.lang
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 05dd0af..0ca19cd 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -1,4 +1,4 @@
-import { css, CSSProp, DefaultTheme } from "styled-components";
+import { css, CSSProp, DefaultTheme, RuleSet } from "styled-components";
 
 declare module "styled-components" {
   export interface DefaultTheme {
@@ -66,7 +66,7 @@ const dark: ColorPreset = {
   ...primary,
 };
 
-const defaultTheme: Omit<DefaultTheme, "colors"> = {
+const defaultTheme = {
   fontSizes: {
     tiny: "12px",
     s: "14px",
@@ -90,12 +90,12 @@ const defaultTheme: Omit<DefaultTheme, "colors"> = {
     code: 1.6,
   },
   media: {
-    mobile: (...args) => css`
+    mobile: (...args: RuleSet<object>) => css`
       @media only screen and (max-width: 800px) {
         ${args}
       }
     `,
-    desktop: (...args) => css`
+    desktop: (...args: RuleSet<object>) => css`
       @media only screen and (min-width: 800px) {
         ${args}
       }