refactor: use JSX syntax for RAS component in config (#4674)

frano-m · claude · frano-m · commit 0428828a2719 · 2026-02-19T14:11:08.000+10:00
Convert announcements config to .tsx and use proper JSX element syntax
instead of invoking the component as a function, which is an anti-pattern
that breaks if hooks are added later.

Co-Authored-By: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/site-config/anvil-cmg/dev/announcements/announcements.tsx b/site-config/anvil-cmg/dev/announcements/announcements.tsx
@@ -8,6 +8,6 @@ import { RAS } from "../../../../app/components/anvil/banner/RAS/ras";
 export const announcements: ComponentsConfig = [
   {
     component: C.Announcements,
-    props: { generalAnnouncement: RAS() },
+    props: { generalAnnouncement: <RAS /> },
   } as ComponentConfig<typeof C.Announcements>,
 ];

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,6 @@ import { RAS } from "../../../../app/components/anvil/banner/RAS/ras";`
`8`	`8`	`export const announcements: ComponentsConfig = [`
`9`	`9`	`{`
`10`	`10`	`component: C.Announcements,`
`11`		`- props: { generalAnnouncement: RAS() },`
	`11`	`+ props: { generalAnnouncement: <RAS /> },`
`12`	`12`	`} as ComponentConfig<typeof C.Announcements>,`
`13`	`13`	`];`