try something

Author: avivkeller

apps/site/components/withDownloadArchive.tsx

@@ -3,12 +3,15 @@ import type { FC } from 'react';
 
 import { getClientContext } from '#site/client-context';
 import provideReleaseData from '#site/next-data/providers/releaseData';
+import type { NodeRelease } from '#site/types';
 import {
   buildReleaseArtifacts,
   extractVersionFromPath,
 } from '#site/util/download/archive';
 
-type DownloadArchive = ReturnType<typeof buildReleaseArtifacts>;
+type DownloadArchive = ReturnType<typeof buildReleaseArtifacts> & {
+  releases: Array<NodeRelease>;
+};
 
 type WithDownloadArchiveProps = {
   children: FC<DownloadArchive>;
@@ -39,7 +42,7 @@ const WithDownloadArchive: FC<WithDownloadArchiveProps> = async ({
 
   const releaseArtifacts = buildReleaseArtifacts(release, version);
 
-  return <Component {...releaseArtifacts} />;
+  return <Component {...releaseArtifacts} releases={releaseData} />;
 };
 
 export default WithDownloadArchive;

apps/site/components/withNodeRelease.tsx

@@ -1,3 +1,5 @@
+'use server';
+
 import type { FC } from 'react';
 
 import provideReleaseData from '#site/next-data/providers/releaseData';

apps/site/components/withReleaseSelect.tsx

@@ -40,12 +40,16 @@ const groupReleasesByStatus = (releases: Array<NodeRelease>) => {
 type WithReleaseSelectProps = Omit<
   ComponentProps<typeof WithNoScriptSelect>,
   'values' | 'as' | 'onChange'
->;
+> & {
+  releases: Array<NodeRelease>;
+};
 
-const WithReleaseSelect: FC<WithReleaseSelectProps> = ({ ...props }) => {
-  // const releaseData = provideReleaseData();
+const WithReleaseSelect: FC<WithReleaseSelectProps> = ({
+  releases,
+  ...props
+}) => {
+  const navigation = groupReleasesByStatus(releases);
   const { push } = useRouter();
-  const navigation = groupReleasesByStatus([]); // fix later
 
   return (
     <WithNoScriptSelect

apps/site/pages/en/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ releases, binaries, installers, version, release, sources }) => (
     <>
       <h1>Node.js® Download Archive</h1>
 
@@ -42,7 +42,7 @@ layout: download-archive
       </ul>
 
       <h2>Other releases</h2>
-      <WithReleaseSelect placeholder={version} defaultValue={`/download/archive/${version}`} className="w-64"/>
+      <WithReleaseSelect releases={releases} placeholder={version} defaultValue={`/download/archive/${version}`} className="w-64"/>
 
       <h2>Binary Downloads</h2>
       <DownloadsTable source={binaries} />