diff --git a/src/sxastarter/src/components/FEaaSWrapper.tsx b/src/sxastarter/src/components/FEaaSWrapper.tsx
new file mode 100644
index 000000000..59a23c930
--- /dev/null
+++ b/src/sxastarter/src/components/FEaaSWrapper.tsx
@@ -0,0 +1,15 @@
+import { FEaaSComponent, FEaaSComponentProps } from '@sitecore-jss/sitecore-jss-nextjs';
+import React from 'react';
+
+export const Default = (props: FEaaSComponentProps): JSX.Element => {
+  const styles = `component feaas ${props.params?.styles}`.trimEnd();
+  const id = props.params?.RenderingIdentifier;
+
+  return (
+    <div className={styles} id={id ? id : undefined}>
+      <div className="component-content">
+        <FEaaSComponent {...props} />
+      </div>
+    </div>
+  );
+};