From f4b48e863b4a2253807de48377186e1ed7a140f5 Mon Sep 17 00:00:00 2001
From: Eunjae Lee <hey@eunjae.dev>
Date: Thu, 17 Jul 2025 22:52:00 +0200
Subject: [PATCH] fix: add missing ref parameter to SatSymbol forwardRef
 component (#22274)

- Fixed forwardRef render function to accept both props and ref parameters
- Added ref prop to SVG element to properly forward the ref
- Resolves React error: 'forwardRef render functions accept exactly two parameters: props and ref'

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 packages/ui/components/icon/SatSymbol.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ui/components/icon/SatSymbol.tsx b/packages/ui/components/icon/SatSymbol.tsx
index 157c8d156d..c7bf63ff2e 100644
--- a/packages/ui/components/icon/SatSymbol.tsx
+++ b/packages/ui/components/icon/SatSymbol.tsx
@@ -1,8 +1,12 @@
 import React, { forwardRef } from "react";
 
-export const SatSymbol = forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(function SatSymbol(props) {
+export const SatSymbol = forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(function SatSymbol(
+  props,
+  ref
+) {
   return (
     <svg
+      ref={ref}
       className={props.className}
       id="Layer_1"
       data-name="Layer 1"