Update bring-your-own-components.mdx

Author: dragon8git

docs/content/docs/(root)/guides/custom-look-and-feel/bring-your-own-components.mdx

@@ -299,7 +299,9 @@ The suggestions component allows you to customize how suggestions are displayed.
         } from "@copilotkit/react-ui";
         import "@copilotkit/react-ui/styles.css";
 
-        const CustomSuggestionsList = (props: UserMessageProps) => {
+        const CustomSuggestionsList = (props: RenderSuggestionsListProps) => {
+	          const { suggestions, onSuggestionClick } = props
+
             const wrapperStyles = "flex items-center gap-2 justify-end mb-4";
             const messageStyles = "bg-blue-500 text-white py-2 px-4 rounded-xl break-words flex-shrink-0 max-w-[80%]";
             const avatarStyles = "bg-blue-500 shadow-sm min-h-10 min-w-10 rounded-full text-white flex items-center justify-center";
@@ -472,4 +474,4 @@ useCoAgentStateRender<AgentState>({
   },
 });
 ```
-</ImageAndCode>
+</ImageAndCode>