feat(inbound-filters): Add inbound filter for ChunkLoadError

src/sentry/api/endpoints/project_details.py

@@ -811,6 +811,11 @@ def put(self, request: Request, project) -> Response:
                     "filters:react-hydration-errors",
                     bool(options["filters:react-hydration-errors"]),
                 )
+            if "filters:chunk-load-error" in options:
+                project.update_option(
+                    "filters:chunk-load-error",
+                    bool(options["filters:chunk-load-error"]),
+                )
             if "filters:blacklisted_ips" in options:
                 project.update_option(
                     "sentry:blacklisted_ips",

src/sentry/api/serializers/models/project.py

@@ -216,6 +216,7 @@ def format_options(attrs: dict[str, Any]) -> dict[str, Any]:
         "sentry:reprocessing_active": bool(options.get("sentry:reprocessing_active", False)),
         "filters:blacklisted_ips": "\n".join(options.get("sentry:blacklisted_ips", [])),
         "filters:react-hydration-errors": bool(options.get("filters:react-hydration-errors", True)),
+        "filters:chunk-load-error": bool(options.get("filters:chunk-load-error", True)),
         f"filters:{FilterTypes.RELEASES}": "\n".join(
             options.get(f"sentry:{FilterTypes.RELEASES}", [])
         ),

src/sentry/apidocs/examples/project_examples.py

@@ -189,6 +189,7 @@
         "sentry:reprocessing_active": False,
         "filters:blacklisted_ips": "",
         "filters:react-hydration-errors": True,
+        "filters:chunk-load-error": True,
         "filters:releases": "",
         "filters:error_messages": "",
         "feedback:branding": True,

src/sentry/models/options/project_option.py

@@ -64,6 +64,7 @@
         "mail:subject_prefix",
         "mail:subject_template",
         "filters:react-hydration-errors",
+        "filters:chunk-load-error",
     ]
 )
 

src/sentry/projectoptions/defaults.py

@@ -79,6 +79,9 @@
 # Default react hydration errors filter
 register(key="filters:react-hydration-errors", epoch_defaults={1: "1"})
 
+# Default NextJS chunk load error filter
+register(key="filters:chunk-load-error", epoch_defaults={1: "1"})
+
 # Default breakdowns config
 register(
     key="sentry:breakdowns",

src/sentry/relay/config/__init__.py

@@ -146,6 +146,11 @@ def get_filter_settings(project: Project) -> Mapping[str, Any]:
             "*https://reactjs.org/docs/error-decoder.html?invariant={418,419,422,423,425}*"
         ]
 
+    enable_chunk_upload_error_filter = project.get_option("filters:chunk-load-error")
+    if enable_chunk_upload_error_filter:
+        # ChunkLoadError: Loading chunk 3662 failed.\n(error: https://xxx.com/_next/static/chunks/29107295-0151559bd23117ba.js)
+        error_messages += ["ChunkLoadError: Loading chunk * failed.\n(error: *)"]
+
     if error_messages:
         filter_settings["errorMessages"] = {"patterns": error_messages}
 

tests/sentry/api/endpoints/test_project_details.py

@@ -600,6 +600,7 @@ def test_options(self):
             "sentry:verify_ssl": False,
             "feedback:branding": False,
             "filters:react-hydration-errors": True,
+            "filters:chunk-load-error": True,
         }
         with self.feature("projects:custom-inbound-filters"), outbox_runner():
             self.get_success_response(self.org_slug, self.proj_slug, options=options)
@@ -716,6 +717,7 @@ def test_options(self):
                 event=audit_log.get_event_id("PROJECT_EDIT"),
             ).exists()
         assert project.get_option("filters:react-hydration-errors", "1")
+        assert project.get_option("filters:chunk-load-error", "1")
 
     def test_bookmarks(self):
         self.get_success_response(self.org_slug, self.proj_slug, isBookmarked="false")
@@ -855,6 +857,13 @@ def test_react_hydration_errors(self):
         assert self.project.get_option("filters:react-hydration-errors") == value
         assert resp.data["options"]["filters:react-hydration-errors"] == value
 
+    def test_chunk_load_error(self):
+        value = False
+        options = {"filters:chunk-load-error": value}
+        resp = self.get_success_response(self.org_slug, self.proj_slug, options=options)
+        assert self.project.get_option("filters:chunk-load-error") == value
+        assert resp.data["options"]["filters:chunk-load-error"] == value
+
     def test_relay_pii_config(self):
         value = '{"applications": {"freeform": []}}'
         resp = self.get_success_response(self.org_slug, self.proj_slug, relayPiiConfig=value)

tests/sentry/relay/snapshots/test_config/test_get_project_config/full_config/MONOLITH.pysnap

@@ -1,5 +1,5 @@
 ---
-created: '2023-09-15T07:41:54.167449Z'
+created: '2023-10-02T11:41:08.185986Z'
 creator: sentry
 source: tests/sentry/relay/test_config.py
 ---
@@ -83,6 +83,9 @@ config:
     errorMessages:
       patterns:
       - '*https://reactjs.org/docs/error-decoder.html?invariant={418,419,422,423,425}*'
+      - 'ChunkLoadError: Loading chunk * failed.
+
+        (error: *)'
     ignoreTransactions:
       isEnabled: true
       patterns:

tests/sentry/relay/snapshots/test_config/test_get_project_config/full_config/REGION.pysnap

@@ -1,5 +1,5 @@
 ---
-created: '2023-09-15T07:41:54.637425Z'
+created: '2023-10-02T11:41:08.393725Z'
 creator: sentry
 source: tests/sentry/relay/test_config.py
 ---
@@ -83,6 +83,9 @@ config:
     errorMessages:
       patterns:
       - '*https://reactjs.org/docs/error-decoder.html?invariant={418,419,422,423,425}*'
+      - 'ChunkLoadError: Loading chunk * failed.
+
+        (error: *)'
     ignoreTransactions:
       isEnabled: true
       patterns:

tests/sentry/relay/test_config.py

@@ -179,6 +179,7 @@ def test_project_config_uses_filter_features(
     default_project.update_option("sentry:error_messages", error_messages)
     default_project.update_option("sentry:releases", releases)
     default_project.update_option("filters:react-hydration-errors", False)
+    default_project.update_option("filters:chunk-load-error", False)
 
     if has_blacklisted_ips:
         default_project.update_option("sentry:blacklisted_ips", blacklisted_ips)
@@ -205,6 +206,23 @@ def test_project_config_uses_filter_features(
         assert cfg_client_ips is None
 
 
+@django_db_all
+@region_silo_test(stable=True)
+def test_project_config_with_chunk_load_error_filter(default_project):
+    default_project.update_option("filters:react-hydration-errors", False)
+    default_project.update_option("filters:chunk-load-error", True)
+
+    project_cfg = get_project_config(default_project, full_config=True)
+
+    cfg = project_cfg.to_dict()
+    _validate_project_config(cfg["config"])
+    cfg_error_messages = get_path(cfg, "config", "filterSettings", "errorMessages")
+
+    assert cfg_error_messages == {
+        "patterns": ["ChunkLoadError: Loading chunk * failed.\n(error: *)"]
+    }
+
+
 @django_db_all
 @region_silo_test(stable=True)
 @mock.patch("sentry.relay.config.EXPOSABLE_FEATURES", ["organizations:profiling"])