Rules
dom/no-unsafe-target-blank

no-unsafe-target-blank

Rule category

Security.

What it does

Prevents the use of target="_blank" without rel="noreferrer noopener".

Examples

Failing

import React from "react";
 
function function Example(): React.JSX.ElementExample() {
  return (
    <JSX.IntrinsicElements.a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>a React.AnchorHTMLAttributes<HTMLAnchorElement>.href?: string | undefinedhref="https://example.com" React.AnchorHTMLAttributes<HTMLAnchorElement>.target?: React.HTMLAttributeAnchorTarget | undefinedtarget="_blank">
      Example
    </JSX.IntrinsicElements.a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>a>
  );
}

Passing

import React from "react";
 
function function Example(): React.JSX.ElementExample() {
  return (
    <JSX.IntrinsicElements.a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>a React.AnchorHTMLAttributes<HTMLAnchorElement>.href?: string | undefinedhref="https://example.com" React.AnchorHTMLAttributes<HTMLAnchorElement>.target?: React.HTMLAttributeAnchorTarget | undefinedtarget="_blank" React.HTMLAttributes<HTMLAnchorElement>.rel?: string | undefinedrel="noreferrer noopener">
      Example
    </JSX.IntrinsicElements.a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>a>
  );
}