Updated the website

components/util/icon.tsx

@@ -2,6 +2,8 @@ import * as React from "react";
 import { ColorPickerInput } from "../../tina/fields/color";
 import { IconPickerInput } from "../../tina/fields/icon";
 import * as BoxIcons from "react-icons/bi";
+import {Template} from "tinacms";
+import {ObjectField} from "@tinacms/schema-tools/dist/types";
 
 export const IconOptions = {
   Tina: (props) => (
@@ -117,7 +119,7 @@ export const Icon = ({
   }
 };
 
-export const iconSchema = {
+export const iconSchema: ObjectField = {
   type: "object",
   label: "Icon",
   name: "icon",
@@ -127,7 +129,7 @@ export const iconSchema = {
       label: "Icon",
       name: "name",
       ui: {
-        component: IconPickerInput,
+        component: (props) => IconPickerInput(props),
       },
     },
     {
@@ -135,7 +137,7 @@ export const iconSchema = {
       label: "Color",
       name: "color",
       ui: {
-        component: ColorPickerInput,
+        component: () => ColorPickerInput,
       },
     },
     {