Sentry Answers>React>

GitHub Dependabot alert: `nth-check is vulnerable to Inefficient Regular Expression Complexity`

GitHub Dependabot alert: `nth-check is vulnerable to Inefficient Regular Expression Complexity`

Matthew C.

—

The Problem

When using Create React App to set up a single-page application in React, you may get a GitHub Dependabot security alert, similar to the following notification:

Click to Copy
nth-check is vulnerable to Inefficient Regular Expression Complexity

Dependabot cannot update nth-check to a non-vulnerable version
The latest possible version that can be installed is 1.0.2 because of the following conflicting dependency:

react-scripts@4.0.3 requires nth-check@^1.0.2 via a transitive dependency on css-select@2.1.0
The earliest fixed version is 2.0.1.

The Solution

If the problem is in a Create React App React application, you can ignore the warning.

The security alert occurs due to a regular expression denial of service (ReDoS) vulnerability in nth-check that causes a denial of service when parsing specific invalid CSS nth-checks.

  • The nth-check library is used to parse and compile :nth-child() and :nth-last-of-type() CSS pseudo-classes.

  • Create React App is a build tool, and nth-check is a build-time dependency.

The ReDoS vulnerability isn’t exploitable, as Create React App produces static HTML, CSS, and JavaScript.

Because the HTML, CSS, and JavaScript are static, the vulnerable code isn’t part of the build. You can consider the security notification a false alarm.

Dependabot alerts and npm audits often give false positive security warnings for frontend tooling libraries, as explained in this Create React App GitHub issue.

When using Create React App, you can set the GitHub Dependabot to ignore dependency warnings in the configuration options of a dependabot.yml file.

If, however, you’re using nth-check as a dependency in an app where the vulnerable code could be exposed (such as in a Node.js app), you should update nth-check to version 2.0.1+ and update all packages that depend on the older version of nth-check.

  • Sentry BlogGuide to Error & Exception Handling in React
  • Sentry BlogHow to identify fetch waterfalls in React
  • Syntax.fmReact Server Components
  • Sentry BlogSentry can’t fix React hydration errors, but it can really help you debug them
  • Syntax.fmWhy the jQuery Creator Uses React and Typescript
  • Syntax.fmListen to the Syntax Podcast
  • Sentry BlogReact Native Debugging and Error Tracking During App Development
  • Syntax.fmDiscussion on building native iOS and Android apps with React Native
  • SentryReact Error & Performance Monitoring
  • Sentry BlogFixing memoization-breaking re-renders in React
  • SentryReact Debug Hub
  • Syntax.fm logo
    Listen to the Syntax Podcast

    Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.

    SEE EPISODES

Considered “not bad” by 4 million developers and more than 100,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.

learn more about sentryjoin our discord
© 2024 • Sentry is a registered Trademark of Functional Software, Inc.