cpumeter: fixed forwardref error log

Cycling74 · Dec 10, 2024 · ef57dd6 · ef57dd6
1 parent f934cbd
commit ef57dd6
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/components/header/cpu.tsx b/src/components/header/cpu.tsx
@@ -1,19 +1,19 @@
-import { FunctionComponent, memo } from "react";
+import { forwardRef, FunctionComponent, memo } from "react";
 import classes from "./cpu.module.css";
 
 export type CPUStatusProps = {
 	load: number;
 };
 
-export const CPUStatus: FunctionComponent<CPUStatusProps> = memo(function WrappedCPUStatusComponent({
-	load
-}) {
-	return (
-		<div className={ classes.cpuRoot } >
-			<div className={ classes.cpuBar } style={{ width: `${load}%`}} />
-			<label className={ classes.cpuLabel } >
-				{ `${Math.round(load)}%` }
-			</label>
-		</div>
-	);
-});
+export const CPUStatus: FunctionComponent<CPUStatusProps> = memo(forwardRef<HTMLDivElement, CPUStatusProps>(
+	function WrappedCPUStatusComponent({ load }, ref) {
+		return (
+			<div className={ classes.cpuRoot } ref={ ref } >
+				<div className={ classes.cpuBar } style={{ width: `${load}%`}} />
+				<label className={ classes.cpuLabel } >
+					{ `${Math.round(load)}%` }
+				</label>
+			</div>
+		);
+	}
+));