more type fixes in playground

rjsf-team · Nov 10, 2023 · c846f0e · c846f0e
1 parent f492d6d
commit c846f0e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/playground/src/components/Playground.tsx b/packages/playground/src/components/Playground.tsx
@@ -20,7 +20,7 @@ export interface PlaygroundProps {
 export default function Playground({ themes, validators }: PlaygroundProps) {
   const [loaded, setLoaded] = useState(false);
   const [schema, setSchema] = useState<RJSFSchema>(samples.Simple.schema as RJSFSchema);
-  const [uiSchema, setUiSchema] = useState<UiSchema>(samples.Simple.uiSchema);
+  const [uiSchema, setUiSchema] = useState<UiSchema>(samples.Simple.uiSchema!);
   const [formData, setFormData] = useState<any>(samples.Simple.formData);
   const [extraErrors, setExtraErrors] = useState<ErrorSchema | undefined>();
   const [shareURL, setShareURL] = useState<string | null>(null);

diff --git a/packages/playground/src/components/Selector.tsx b/packages/playground/src/components/Selector.tsx
@@ -1,14 +1,14 @@
 import { useState, MouseEvent } from 'react';
-import { Sample, samples } from '../samples';
+import { samples } from '../samples';
 
 interface SelectorProps {
   onSelected: (data: any) => void;
 }
 
 export default function Selector({ onSelected }: SelectorProps) {
-  const [current, setCurrent] = useState<Sample>('Simple');
+  const [current, setCurrent] = useState<string>('Simple');
 
-  function onLabelClick(label: Sample) {
+  function onLabelClick(label: string) {
     return (event: MouseEvent) => {
       event.preventDefault();
       setCurrent(label);
@@ -21,7 +21,7 @@ export default function Selector({ onSelected }: SelectorProps) {
       {Object.keys(samples).map((label, i) => {
         return (
           <li key={i} role='presentation' className={current === label ? 'active' : ''}>
-            <a href='#' onClick={onLabelClick(label as Sample)}>
+            <a href='#' onClick={onLabelClick(label)}>
               {label}
             </a>
           </li>