HTML Table Structure and Next.js Hydration

The key prop on <tr> is read as a literal HTML attribute during SSR, producing invalid markup.

<table> requires an explicit width attribute during SSR or the client recalculates cell layout differently.

Placing <tr> elements directly inside <table> without a <thead> or <tbody> wrapper is invalid HTML; the browser auto-inserts a <tbody> during parsing, so the client's actual DOM structure diverges from what React rendered on the server.

React cannot render <tr> elements produced by .map() without an explicit surrounding React.Fragment.