feat: Ignore Fragment components by default for react component annotation

Author: Luca Forstner

packages/bundler-plugin-core/src/index.ts

@@ -438,7 +438,7 @@ export function sentryUnpluginFactory({
     if (options.reactComponentAnnotation) {
       if (!options.reactComponentAnnotation.enabled) {
         logger.debug(
-          "The component name annotate plugin is currently disabled. Skipping component name annotations."
+          "The component name annotate plugin is disabled. Skipping component name annotations."
         );
       } else if (options.reactComponentAnnotation.enabled && !componentNameAnnotatePlugin) {
         logger.warn(

packages/bundler-plugin-core/src/options-mapping.ts

@@ -6,6 +6,8 @@ export type NormalizedOptions = ReturnType<typeof normalizeUserOptions>;
 
 export const SENTRY_SAAS_URL = "https://sentry.io";
 
+const DEFAULT_IGNORED_REACT_COMPONENTS = ["Fragment"];
+
 export function normalizeUserOptions(userOptions: UserOptions) {
   const options = {
     org: userOptions.org ?? process.env["SENTRY_ORG"],
@@ -28,7 +30,17 @@ export function normalizeUserOptions(userOptions: UserOptions) {
       vcsRemote: userOptions.release?.vcsRemote ?? process.env["SENTRY_VSC_REMOTE"] ?? "origin",
     },
     bundleSizeOptimizations: userOptions.bundleSizeOptimizations,
-    reactComponentAnnotation: userOptions.reactComponentAnnotation,
+    reactComponentAnnotation: userOptions.reactComponentAnnotation
+      ? {
+          enabled: userOptions.reactComponentAnnotation?.enabled ?? false,
+          ignoredComponents: [
+            ...new Set([
+              ...(userOptions.reactComponentAnnotation?.ignoredComponents ?? []),
+              ...DEFAULT_IGNORED_REACT_COMPONENTS,
+            ]),
+          ],
+        }
+      : undefined,
     _metaOptions: {
       telemetry: {
         metaFramework: userOptions._metaOptions?.telemetry?.metaFramework,