Changed 20.6 solution

Author: mattpocock

package-lock.json

@@ -6,6 +6,7 @@
   "license": "GPL-2.0",
   "devDependencies": {
     "@types/node": "^18.6.5",
+    "@types/react": "^18.0.27",
     "chokidar": "^3.5.3",
     "cross-fetch": "^3.1.5",
     "typescript": "^4.8.3",

package.json

@@ -2,16 +2,12 @@ import { CSSProperties } from "react";
 
 const makeUseStyled = <TTheme = {}>() => {
   const useStyled = (func: (theme: TTheme) => CSSProperties) => {
-    // Imagine that this function hooks into a global theme
-    // and returns the CSSProperties
     return {} as CSSProperties;
   };
 
   return useStyled;
 };
 
-const useStyled = makeUseStyled<MyTheme>();
-
 interface MyTheme {
   color: {
     primary: string;
@@ -21,6 +17,8 @@ interface MyTheme {
   };
 }
 
+export const useStyled = makeUseStyled<MyTheme>();
+
 const buttonStyle = useStyled((theme) => ({
   color: theme.color.primary,
   fontSize: theme.fontSize.small,