chore: more typescript errors (#4796)

Author: chdeskur

packages/fern-docs/bundle/src/components/api-reference/endpoints/EndpointContentCodeSnippets.tsx

@@ -257,6 +257,7 @@ const UnmemoizedEndpointContentCodeSnippets: React.FC<EndpointContentCodeSnippet
                                             data: event
                                         }
                                     }))}
+                                    lang={lang}
                                 />
                             </FernScrollArea>
                         </TitledExample>
@@ -275,6 +276,7 @@ const UnmemoizedEndpointContentCodeSnippets: React.FC<EndpointContentCodeSnippet
                                             data
                                         }
                                     }))}
+                                    lang={lang}
                                 />
                             </FernScrollArea>
                         </TitledExample>

packages/fern-docs/bundle/src/components/api-reference/grpcs/GrpcContentCodeSnippets.tsx

@@ -39,6 +39,7 @@ const UnmemoizedGrpcContentCodeSnippets: React.FC<GrpcContentCodeSnippets.Props>
                 json={example?.request}
                 slug={node?.slug ?? ""}
                 isResponse={false}
+                lang={lang}
             />
 
             <JsonCodeSnippetExample
@@ -49,6 +50,7 @@ const UnmemoizedGrpcContentCodeSnippets: React.FC<GrpcContentCodeSnippets.Props>
                 json={example?.response}
                 slug={node?.slug ?? ""}
                 isResponse={true}
+                lang={lang}
             />
         </div>
     );

packages/fern-docs/bundle/src/components/api-reference/type-definitions/EnumValue.tsx

@@ -4,13 +4,14 @@ import React from "react";
 import { Chip } from "@/components/Chip";
 import { MdxServerComponentProseSuspense } from "@/mdx/components/server-component";
 
-export function EnumValue({ enumValue }: { enumValue: ApiDefinition.EnumValue }) {
+export function EnumValue({ enumValue, lang }: { enumValue: ApiDefinition.EnumValue; lang: string }) {
     return (
         <Chip
             name={enumValue.value}
             description={
                 enumValue.description && <MdxServerComponentProseSuspense mdx={enumValue.description} size="xs" />
             }
+            lang={lang}
         />
     );
 }

packages/fern-docs/bundle/src/components/api-reference/type-definitions/InternalTypeDefinition.tsx

@@ -45,7 +45,7 @@ export const InternalTypeDefinition = memo(function InternalTypeDefinition({
             return (
                 <EnumTypeDefinition
                     elements={shape.values.map((value) => ({
-                        element: <EnumValue key={value.value} enumValue={value} />,
+                        element: <EnumValue key={value.value} enumValue={value} lang={lang} />,
                         searchableString: `${value.value} ${value.description ?? ""}`
                     }))}
                     lang={lang}

packages/fern-docs/bundle/src/components/api-reference/webhooks/WebhookExample.tsx

@@ -36,6 +36,7 @@ export const WebhookExample: React.FC<WebhookExample.Props> = ({ example, slug,
                         language="json"
                         json={example.payload}
                         slug={slug}
+                        lang={lang}
                     />
                 )}
             </div>

packages/fern-docs/bundle/src/components/api-reference/websockets/WebSocket.tsx

@@ -126,15 +126,16 @@ export async function WebSocketContent({
                             title={t(lang).apiReference.handshake}
                             tryIt={node != null ? <PlaygroundButtonTray state={node} lang={lang} /> : undefined}
                             disableClipboard={true}
+                            lang={lang}
                         >
                             <FernScrollArea className="rounded-b-[inherit]" rootClassName="rounded-b-[inherit]">
                                 <HandshakeExample channel={channel} example={example} lang={lang} />
                             </FernScrollArea>
                         </TitledExample>
                         {exampleMessages.length > 0 && (
-                            <TitledExample title={t(lang).apiReference.messages} className="min-h-0 shrink">
+                            <TitledExample title={t(lang).apiReference.messages} className="min-h-0 shrink" lang={lang}>
                                 <FernScrollArea className="rounded-b-[inherit]" rootClassName="rounded-b-[inherit]">
-                                    <WebSocketMessages messages={exampleMessages} />
+                                    <WebSocketMessages messages={exampleMessages} lang={lang} />
                                 </FernScrollArea>
                             </TitledExample>
                         )}
@@ -169,7 +170,7 @@ export async function WebSocketContent({
                                 <ApiReferenceClientWrapper apiDefinitionId={node.apiDefinitionId}>
                                     <div className="border-border-default rounded-3 -mx-2 flex items-center justify-between border px-2 py-1 transition-colors">
                                         <EndpointUrlWithPlaygroundBaseUrl endpoint={channel} method="WSS" lang={lang} />
-                                        <CopyWithBaseUrl channel={channel} />
+                                        <CopyWithBaseUrl channel={channel} lang={lang} />
                                     </div>
                                 </ApiReferenceClientWrapper>
                             }

packages/fern-docs/bundle/src/components/api-reference/websockets/WebSocketMessages.tsx

@@ -29,10 +29,11 @@ export interface SSEData {
 export interface WebSocketMessagesProps {
     messages: WebSocketMessage[];
     virtualized?: boolean;
+    lang: string;
     // types: Record<string, ResolvedTypeDefinition>;
 }
 
-export const WebSocketMessages: FC<WebSocketMessagesProps> = ({ messages, virtualized }) => {
+export const WebSocketMessages: FC<WebSocketMessagesProps> = ({ messages, virtualized, lang }) => {
     return (
         <Accordion.Root
             type="multiple"
@@ -56,6 +57,7 @@ export const WebSocketMessages: FC<WebSocketMessagesProps> = ({ messages, virtua
                             message={message}
                             index={index}
                             messagesLength={messages.length - 1}
+                            lang={lang}
                         />
                     )}
                     followOutput={"smooth"}
@@ -67,6 +69,7 @@ export const WebSocketMessages: FC<WebSocketMessagesProps> = ({ messages, virtua
                         message={message}
                         index={index}
                         messagesLength={messages.length - 1}
+                        lang={lang}
                     />
                 ))
             )}

packages/fern-docs/bundle/src/components/api-reference/websockets/WebSocketMessagesVirtualized.tsx

@@ -2,6 +2,6 @@ import type { FC } from "react";
 
 import { WebSocketMessages, type WebSocketMessagesProps } from "./WebSocketMessages";
 
-export const WebSocketMessagesVirtualized: FC<WebSocketMessagesProps> = ({ messages }) => {
-    return <WebSocketMessages messages={messages} virtualized />;
+export const WebSocketMessagesVirtualized: FC<WebSocketMessagesProps> = ({ messages, lang }) => {
+    return <WebSocketMessages messages={messages} virtualized lang={lang} />;
 };

packages/fern-docs/bundle/src/components/playground/websocket/PlaygroundWebSocketSessionForm.tsx

@@ -91,6 +91,7 @@ export const PlaygroundWebSocketSessionForm: FC<PlaygroundWebSocketSessionFormPr
                                             onChange={(data) => setMessage(message, data)}
                                             value={formState?.messages[message.type]}
                                             types={context.types}
+                                            lang={lang}
                                         />
                                     </div>
 
@@ -150,7 +151,7 @@ export const PlaygroundWebSocketSessionForm: FC<PlaygroundWebSocketSessionFormPr
                         </div>
                     </div>
                     <FernScrollArea rootClassName="flex-1 rounded-b-[inherit]">
-                        <WebSocketMessagesVirtualized messages={messages} />
+                        <WebSocketMessagesVirtualized messages={messages} lang={lang} />
                     </FernScrollArea>
                 </FernCard>
             </div>