From 7b494aca5b6a688c94b75496c20d8ed19a7e22a5 Mon Sep 17 00:00:00 2001
From: brynpttrsn <brynpttrsn@yahoo.com>
Date: Tue, 13 Jun 2023 14:55:56 -0400
Subject: [PATCH] fix(website): switch signature with overload (#9643)

---
 .../src/components/model/method/Method.tsx     | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/website/src/components/model/method/Method.tsx b/apps/website/src/components/model/method/Method.tsx
index 8d4306a5d..dd6405235 100644
--- a/apps/website/src/components/model/method/Method.tsx
+++ b/apps/website/src/components/model/method/Method.tsx
@@ -5,6 +5,7 @@ import type {
 	ApiMethodSignature,
 } from '@microsoft/api-extractor-model';
 import dynamic from 'next/dynamic';
+import { Fragment } from 'react';
 import { MethodDocumentation } from './MethodDocumentation';
 import { MethodHeader } from './MethodHeader';
 
@@ -20,17 +21,14 @@ export function Method({
 	if (method.getMergedSiblings().length > 1) {
 		// We have overloads, use the overload switcher, but render
 		// each overload node on the server.
-		const overloads = method
-			.getMergedSiblings()
-			.map((sibling, idx) => (
-				<MethodDocumentation key={`${sibling.displayName}-${idx}`} method={sibling as ApiMethod | ApiMethodSignature} />
-			));
+		const overloads = method.getMergedSiblings().map((sibling, idx) => (
+			<Fragment key={`${sibling.displayName}-${idx}`}>
+				<MethodHeader method={sibling as ApiMethod | ApiMethodSignature} />
+				<MethodDocumentation method={sibling as ApiMethod | ApiMethodSignature} />
+			</Fragment>
+		));
 
-		return (
-			<OverloadSwitcher overloads={overloads}>
-				<MethodHeader method={method} />
-			</OverloadSwitcher>
-		);
+		return <OverloadSwitcher overloads={overloads} />;
 	}
 
 	// We have just a single method, render it on the server.