testinggggggggggggggg

src/app/player/[id]/[sort]/[page]/page.tsx

@@ -1,5 +1,6 @@
 import Card from "@/components/Card";
 import Container from "@/components/Container";
+import PlayerChart from "@/components/player/PlayerChart";
 import PlayerInfo from "@/components/player/PlayerInfo";
 import Scores from "@/components/player/Scores";
 import {
@@ -14,11 +15,7 @@ import { ScoreSaberAPI } from "@/utils/scoresaber/api";
 import { normalizedRegionName } from "@/utils/utils";
 import clsx from "clsx";
 import { Metadata } from "next";
-import dynamic from "next/dynamic";
 import Image from "next/image";
-import { Fragment, Suspense } from "react";
-
-const PlayerChart = dynamic(() => import("@/components/player/PlayerChart"));
 
 const DEFAULT_SORT_TYPE = SortTypes.top;
 
@@ -132,11 +129,7 @@ export default async function Player({ params: { id, sort, page } }: Props) {
             })}
           </div>
           <div className="h-[320px] w-full">
-            <Fragment>
-              <Suspense>
-                <PlayerChart scoresaber={player} />
-              </Suspense>
-            </Fragment>
+            <PlayerChart scoresaber={player} />
           </div>
         </Card>
         <Scores

src/components/player/PlayerChart.tsx

@@ -2,6 +2,8 @@
 
 import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
 import { formatNumber } from "@/utils/numberUtils";
+
+// chartjs
 import {
   CategoryScale,
   Chart as ChartJS,

src/components/player/PlayerInfo.tsx

@@ -9,10 +9,6 @@ import Card from "../Card";
 import CountyFlag from "../CountryFlag";
 import Label from "../Label";
 
-/**
- * import PlayerInfoExtraLabels from "./PlayerInfoExtraLabels";
-import PlayerSettingsButtons from "./PlayerSettingsButtons";
- */
 const PlayerInfoExtraLabels = dynamic(() => import("./PlayerInfoExtraLabels"));
 const PlayerSettingsButtons = dynamic(() => import("./PlayerSettingsButtons"));