Invalid DOM property `font-size`. Did you mean `fontSize`?

src/components/Headings.tsx

@@ -137,8 +137,8 @@ export function Hwave({text, id}:{text: string, id?: string}){
             </path>
             </pattern>
         </defs>
-        <text textAnchor="middle" x="50" y="15" font-size="17" fill="url(#wave)"  fill-opacity="0.6">{text}</text>
-        <text textAnchor="middle" x="50" y="15" font-size="17" fill="url(#gradient)" fill-opacity="0.1">{text}</text>
+        <text textAnchor="middle" x="50" y="15" fontSize="17" fill="url(#wave)"  fill-opacity="0.6">{text}</text>
+        <text textAnchor="middle" x="50" y="15" fontSize="17" fill="url(#gradient)" fill-opacity="0.1">{text}</text>
         </svg>
     )
 }