fix(static): fix static rendering

Author: avivkeller

apps/site/app/[locale]/download/archive/[version]/page.tsx

@@ -24,13 +24,13 @@ export const generateMetadata = basePage.generateMetadata;
 // - If `ENABLE_STATIC_EXPORT_LOCALE` is true, generates paths for all available locales
 // - Otherwise, generates paths only for the default locale
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-static-params
-export const generateStaticParams = async () => {
+export const generateStaticParams = () => {
   // Return an empty array if static export is disabled
   if (!ENABLE_STATIC_EXPORT) {
     return [];
   }
 
-  const versions = await provideReleaseVersions();
+  const versions = provideReleaseVersions();
 
   return versions.map(version => ({
     locale: defaultLocale.code,
@@ -49,14 +49,14 @@ const getPage: FC<PageParams> = async props => {
   const [locale, pathname] = basePage.getLocaleAndPath(version, routeLocale);
 
   if (version === 'current') {
-    const releaseData = await provideReleaseData();
+    const releaseData = provideReleaseData();
 
     const release = releaseData.find(release => release.status === 'Current');
 
     redirect(`/${locale}/download/archive/${release?.versionWithPrefix}`);
   }
 
-  const versions = await provideReleaseVersions();
+  const versions = provideReleaseVersions();
 
   // Verifies if the current route is a dynamic route
   const isDynamicRoute = versions.some(r => r.includes(pathname));

apps/site/app/[locale]/not-found.tsx

@@ -1,5 +1,3 @@
-'use server';
-
 import { getTranslations } from 'next-intl/server';
 
 import Button from '#site/components/Common/Button';

apps/site/components/EOL/EOLReleaseTable/index.tsx

@@ -12,8 +12,8 @@ import EOLReleaseTableBody from './TableBody';
 import styles from './index.module.css';
 
 const EOLReleaseTable: FC = async () => {
-  const releaseData = await provideReleaseData();
-  const vulnerabilities = await provideVulnerabilities();
+  const releaseData = provideReleaseData();
+  const vulnerabilities = provideVulnerabilities();
 
   const eolReleases = releaseData.filter(
     release => release.status === EOL_VERSION_IDENTIFIER

apps/site/components/Releases/PreviousReleasesTable/index.tsx

@@ -7,7 +7,7 @@ import type { FC } from 'react';
 import PreviousReleasesTableBody from './TableBody';
 
 const PreviousReleasesTable: FC = async () => {
-  const releaseData = await provideReleaseData();
+  const releaseData = provideReleaseData();
 
   const t = await getTranslations();
 

apps/site/components/withDownloadArchive.tsx

@@ -19,7 +19,7 @@ type WithDownloadArchiveProps = {
  * Higher-order component that extracts version from pathname,
  * fetches release data, and provides download artifacts to child component
  */
-const WithDownloadArchive: FC<WithDownloadArchiveProps> = async ({
+const WithDownloadArchive: FC<WithDownloadArchiveProps> = ({
   children: Component,
 }) => {
   const { pathname } = getClientContext();
@@ -28,7 +28,7 @@ const WithDownloadArchive: FC<WithDownloadArchiveProps> = async ({
   const version = extractVersionFromPath(pathname);
 
   // Find the release data for the given version
-  const releaseData = await provideReleaseData();
+  const releaseData = provideReleaseData();
   const release = releaseData.find(release =>
     // Match major version only (e.g., v22.x.x for release.major v22)
     version.startsWith(`v${release.major}`)

apps/site/components/withDownloadSection.tsx

@@ -22,11 +22,11 @@ const WithDownloadSection: FC<WithDownloadSectionProps> = async ({
 }) => {
   const locale = await getLocale();
 
-  const snippets = await provideDownloadSnippets(locale);
+  const snippets = provideDownloadSnippets(locale);
 
   // By default the translated languages do not contain all the download snippets
   // Hence we always merge any translated snippet with the fallbacks for missing snippets
-  const fallbackSnippets = await provideDownloadSnippets(defaultLocale.code);
+  const fallbackSnippets = provideDownloadSnippets(defaultLocale.code);
 
   const { pathname } = getClientContext();
 

apps/site/components/withNodeRelease.tsx

@@ -1,5 +1,3 @@
-'use server';
-
 import provideReleaseData from '#site/next-data/providers/releaseData';
 
 import type { NodeRelease, NodeReleaseStatus } from '#site/types';
@@ -10,14 +8,13 @@ type WithNodeReleaseProps = {
   children: FC<{ release: NodeRelease }>;
 };
 
-// This is a React Async Server Component
-// Note that Hooks cannot be used in a RSC async component
-// Async Components do not get re-rendered at all.
-const WithNodeRelease: FC<WithNodeReleaseProps> = async ({
+// This is a React Server Component
+// Note that Hooks cannot be used in a React Server Component
+const WithNodeRelease: FC<WithNodeReleaseProps> = ({
   status: statuses,
   children: Component,
 }) => {
-  const releases = await provideReleaseData();
+  const releases = provideReleaseData();
 
   const matchingRelease = [statuses]
     .flat()

apps/site/components/withReleaseSelect.tsx

@@ -1,5 +1,3 @@
-'use server';
-
 import StatelessSelect from '@node-core/ui-components/Common/Select/StatelessSelect';
 
 import Link from '#site/components/Link';
@@ -43,8 +41,8 @@ type WithReleaseSelectProps = Omit<
   'values' | 'as'
 >;
 
-const WithReleaseSelect: FC<WithReleaseSelectProps> = async ({ ...props }) => {
-  const releaseData = await provideReleaseData();
+const WithReleaseSelect: FC<WithReleaseSelectProps> = ({ ...props }) => {
+  const releaseData = provideReleaseData();
   const navigation = groupReleasesByStatus(releaseData);
 
   return (

apps/site/components/withSupporters.tsx

@@ -1,13 +1,11 @@
-'use server';
-
 import provideSupporters from '#site/next-data/providers/supportersData';
 
 import type { FC, PropsWithChildren } from 'react';
 
 import SupportersList from './Common/Supporters';
 
-const WithSupporters: FC<PropsWithChildren> = async () => {
-  const supporters = await provideSupporters();
+const WithSupporters: FC<PropsWithChildren> = () => {
+  const supporters = provideSupporters();
 
   return (
     <div className="flex max-w-full flex-wrap items-center gap-1">

apps/site/layouts/Download.tsx

@@ -8,10 +8,10 @@ import type { FC, PropsWithChildren } from 'react';
 
 import styles from './layouts.module.css';
 
-const DownloadLayout: FC<PropsWithChildren> = async ({ children }) => {
+const DownloadLayout: FC<PropsWithChildren> = ({ children }) => {
   const { frontmatter } = getClientContext();
 
-  const releases = await provideReleaseData();
+  const releases = provideReleaseData();
 
   return (
     <>