pages/news/[year]/[term].tsx

@@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
 import React from "react";
 
 import { NewsCard } from "@/components/NewsCard";
+import {
+  ShapesConfig,
+  defaultGetShapesConfig,
+  GetShapesConfig,
+} from "@/components/ShapesBackground";
 import {
   getNewsBySlug,
   getNewsByTerm,
@@ -44,6 +49,12 @@ export default function TermNews({ year, term, news }: Props) {
   );
 }
 
+TermNews.getShapesConfig = ((width, height) => {
+  return window.innerWidth <= 768
+    ? ({} as ShapesConfig)
+    : defaultGetShapesConfig(width, height);
+}) as GetShapesConfig;
+
 export const getStaticProps: GetStaticProps<Props, Params> = async (
   context
 ) => {

pages/news/archive.tsx

@@ -3,6 +3,11 @@ import { GetStaticProps } from "next";
 import React from "react";
 
 import { Link } from "@/components/Link";
+import {
+  ShapesConfig,
+  GetShapesConfig,
+  defaultGetShapesConfig,
+} from "@/components/ShapesBackground";
 
 import styles from "./archive.module.css";
 
@@ -32,6 +37,12 @@ export default function NewsArchive({ items }: Props) {
   );
 }
 
+NewsArchive.getShapesConfig = ((width, height) => {
+  return window.innerWidth <= 768
+    ? ({} as ShapesConfig)
+    : defaultGetShapesConfig(width, height);
+}) as GetShapesConfig;
+
 export const getStaticProps: GetStaticProps<Props> = async () => {
   const years = (await getNewsYears()).reverse();
   const yearsWithTerms = await Promise.all(