fix type errors in storybook

Author: mme

apps/react/storybook/package.json

@@ -19,13 +19,16 @@
     "storybook": "^8"
   },
   "devDependencies": {
+    "@copilotkitnext/core": "workspace:*",
     "@copilotkitnext/react": "workspace:*",
     "@copilotkitnext/typescript-config": "workspace:*",
     "@storybook/addon-themes": "^8",
     "@types/node": "^22",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.0.2",
     "concurrently": "^9.1.0",
-    "typescript": "5.8.2"
+    "lucide-react": "^0.525.0",
+    "typescript": "5.8.2",
+    "zod": "^3.25.75"
   }
 }

apps/react/storybook/stories/CopilotAssistantMessage.stories.tsx

@@ -140,7 +140,7 @@ const meta = {
         }}
       >
         <div style={{ width: "100%", maxWidth: "640px" }}>
-          <CopilotKitProvider publicApiKey="test">
+          <CopilotKitProvider>
             <CopilotChatConfigurationProvider threadId="storybook-thread">
               <Story />
             </CopilotChatConfigurationProvider>

apps/react/storybook/stories/CopilotChatSuggestionView.stories.tsx

@@ -39,11 +39,8 @@ export const LoadingSecond: Story = {
 
 export const CustomSuggestionSlot: Story = {
   args: {
-    suggestion: (props) => (
-      <CopilotChatSuggestionPill
-        {...props}
-        icon={<Sparkles className="h-4 w-4" aria-hidden="true" />}
-      />
-    ),
+    suggestion: {
+      icon: <Sparkles className="h-4 w-4" aria-hidden="true" />,
+    },
   },
 };