do not make expandable??

Author: mydea

src/components/nestedObject.tsx

@@ -1,10 +1,11 @@
+import {Fragment} from 'react';
+
 import {getCurrentPlatform} from 'sentry-docs/docTree';
 import {serverContext} from 'sentry-docs/serverContext';
 import {PlatformCategory} from 'sentry-docs/types';
 
 import {Expandable} from './expandable';
 import {codeToJsx} from './highlightCode';
-import {RenderNestedObject} from './nestedObject';
 import {SdkDefinition} from './sdkDefinition';
 import {getPlatformHints} from './sdkOption';
 
@@ -103,3 +104,55 @@ function ApiParameterDef({
     </div>
   );
 }
+
+function RenderNestedObject({
+  name,
+  objProps,
+  language,
+}: {
+  language: string;
+  objProps: ParameterDef[];
+  name?: string;
+}) {
+  // NOTE: For now, we always render the nested object in typescript
+
+  return (
+    <div>
+      <div>
+        <code>
+          {name ? name : 'Object'} {'{'}
+        </code>
+      </div>
+
+      <div className="flex flex-col gap-2 pl-4">
+        {objProps.map(prop => (
+          <div key={prop.name}>
+            {prop.description && (
+              <div>
+                <code>{codeToJsx(`// ${prop.description}`, 'typescript')}</code>
+              </div>
+            )}
+            <div>
+              {typeof prop.type === 'string' ? (
+                <Fragment>
+                  <code>
+                    {prop.name}
+                    {!prop.required ? '?' : ''}:{' '}
+                  </code>
+                  <code>{codeToJsx(prop.type, 'typescript')},</code>
+                </Fragment>
+              ) : (
+                <RenderNestedObject
+                  name={`${prop.name}${!prop.required ? '?' : ''}: ${prop.type.name || 'Object'}`}
+                  objProps={prop.type.properties}
+                  language={language}
+                />
+              )}
+            </div>
+          </div>
+        ))}
+      </div>
+      <div>{'}'}</div>
+    </div>
+  );
+}