changelog (#45691)

Author: CGastrell

projects/packages/forms/changelog/fix-forms-response-view-table-markup

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Forms: fix react error due to nesting tr as direct descendant of table, needs tbody

projects/packages/forms/src/dashboard/components/response-view/body.tsx

@@ -455,40 +455,42 @@ const ResponseViewBody = ( {
 
 				<div className="jp-forms__inbox-response-meta">
 					<table>
-						<tr>
-							<th>{ __( 'Date:', 'jetpack-forms' ) }</th>
-							<td>
-								{ sprintf(
-									/* Translators: %1$s is the date, %2$s is the time. */
-									__( '%1$s at %2$s', 'jetpack-forms' ),
-									dateI18n( getDateSettings().formats.date, response.date ),
-									dateI18n( getDateSettings().formats.time, response.date )
-								) }
-							</td>
-						</tr>
-						<tr>
-							<th>{ __( 'Source:', 'jetpack-forms' ) }</th>
-							<td>
-								<ExternalLink href={ response.entry_permalink }>
-									{ decodeEntities( response.entry_title ) || getPath( response ) }
-								</ExternalLink>
-							</td>
-						</tr>
-						<tr>
-							<th>{ __( 'IP address:', 'jetpack-forms' ) }&nbsp;</th>
-							<td>
-								<Tooltip text={ __( 'Lookup IP address', 'jetpack-forms' ) }>
-									{ response.country_code && (
-										<span className="jp-forms__inbox-response-meta-country-flag response-country-flag">
-											{ getCountryFlagEmoji( response.country_code ) }
-										</span>
+						<tbody>
+							<tr>
+								<th>{ __( 'Date:', 'jetpack-forms' ) }</th>
+								<td>
+									{ sprintf(
+										/* Translators: %1$s is the date, %2$s is the time. */
+										__( '%1$s at %2$s', 'jetpack-forms' ),
+										dateI18n( getDateSettings().formats.date, response.date ),
+										dateI18n( getDateSettings().formats.time, response.date )
 									) }
-									<ExternalLink href={ getRedirectUrl( 'ip-lookup', { path: response.ip } ) }>
-										{ response.ip }
+								</td>
+							</tr>
+							<tr>
+								<th>{ __( 'Source:', 'jetpack-forms' ) }</th>
+								<td>
+									<ExternalLink href={ response.entry_permalink }>
+										{ decodeEntities( response.entry_title ) || getPath( response ) }
 									</ExternalLink>
-								</Tooltip>
-							</td>
-						</tr>
+								</td>
+							</tr>
+							<tr>
+								<th>{ __( 'IP address:', 'jetpack-forms' ) }&nbsp;</th>
+								<td>
+									<Tooltip text={ __( 'Lookup IP address', 'jetpack-forms' ) }>
+										{ response.country_code && (
+											<span className="jp-forms__inbox-response-meta-country-flag response-country-flag">
+												{ getCountryFlagEmoji( response.country_code ) }
+											</span>
+										) }
+										<ExternalLink href={ getRedirectUrl( 'ip-lookup', { path: response.ip } ) }>
+											{ response.ip }
+										</ExternalLink>
+									</Tooltip>
+								</td>
+							</tr>
+						</tbody>
 					</table>
 				</div>