no-misused-capture-owner-stack

react-x/no-misused-capture-owner-stack

@eslint-react/no-misused-capture-owner-stack

// Failing: Using named import directly
import { captureOwnerStack } from "react";
//       ^^^^^^^^^^^^^^^^^
//       - Don't use named imports of `captureOwnerStack` in files that are bundled for development and production. Use a namespace import instead.
 
if (process.env.NODE_ENV !== "production") {
  const ownerStack = React.captureOwnerStack();
  console.log("Owner Stack", ownerStack);
}

// Failing: Missing environment check
import * as React from "react";
 
const ownerStack = React.captureOwnerStack();
//                 ^^^^^^^^^^^^^^^^^^^^^^^^^
//                 - `captureOwnerStack` should only be used in development builds. Use an environment check to ensure it is not executed in production.
console.log(ownerStack);

// Passing: Correct namespace import with environment check
import * as React from "react";
 
if (process.env.NODE_ENV !== "production") {
  const ownerStack = React.captureOwnerStack();
  console.log("Owner Stack", ownerStack);
}