Internal links in React
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tagsInstall this rule for wispbit
Add this rule to wispbit and it will run when you open a pull request
Install this rule for Coderabbit
Copy the configuration below and add it to your repository as .coderabbit.yml in your project root.
reviews: path_instructions: - path: "*.tsx" instructions: | When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`. Bad: ```jsx // For internal links, don't use noreferrer <Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link> // Or with anchor tags <a href="/about" rel="noopener noreferrer">About Us</a> ``` Good: ```jsx // For internal links, only use noopener <Link to="/dashboard" rel="noopener">Dashboard</Link> // Or with anchor tags <a href="/about" rel="noopener">About Us</a> // For external links, noreferrer can be appropriate <a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a> ``` Install this rule for Greptile
Greptile rules can be added through the web interface. Please see this documentation for details on how to add custom rules and context.
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```File Path Patterns:
*.tsx
Install this rule for GitHub Copilot
Copilot instructions can be added through the interface. See the documentation for details on how to create coding guidelines.
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```File Path Patterns:
*.tsx
Install this rule for Graphite Diamond
Diamond custom rules can be added through the interface. See the documentation for details on how to create custom rules.
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```File Path Patterns:
*.tsx
Use with Cline
Copy the rule below and ask Cline to review your code using this rule
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```Use with OpenAI Codex
Copy the rule below and ask OpenAI Codex to review your code using this rule
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```Use with Cursor
Copy the rule below and ask Cursor to review your code using this rule
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```Use with Claude Code
Copy the rule below and ask Claude Code to review your code using this rule
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```Install this rule for Windsurf
To set up rules for Windsurf Reviews, please see this documentation
When linking between internal sites, use `rel="noopener"` instead of `rel="noopener noreferrer"`.Bad:```jsx// For internal links, don't use noreferrer<Link to="/dashboard" rel="noopener noreferrer">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener noreferrer">About Us</a>```Good:```jsx// For internal links, only use noopener<Link to="/dashboard" rel="noopener">Dashboard</Link>// Or with anchor tags<a href="/about" rel="noopener">About Us</a>// For external links, noreferrer can be appropriate<a href="https://external-site.com" rel="noopener noreferrer" target="_blank">External Site</a>```