# code-snippets/trunk/js/components/FeedbackReporter/DuplicateReports.tsx

Code Snippets, version trunk. 21 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/trunk/code/js/components/FeedbackReporter/DuplicateReports.tsx
- Raw: https://pluginprobe.com/plugins/code-snippets/trunk/raw/js/components/FeedbackReporter/DuplicateReports.tsx
- Modified: 2026-09-22T07:42:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/trunk/code/js/components/FeedbackReporter/DuplicateReports.tsx#L10-L20`.

```tsx
import React from 'react'
import { __ } from '@wordpress/i18n'
import type { DuplicateReport } from '../../types/Feedback'

export interface DuplicateReportsProps {
	reports: DuplicateReport[]
}

export const DuplicateReports: React.FC<DuplicateReportsProps> = ({ reports }) =>
	0 < reports.length &&
		<div className="code-snippets-feedback-duplicates">
			<p>{__('Existing reports that look similar', 'code-snippets')}</p>
			<ul>
				{reports.map(report =>
					<li key={report.url}>
						<a href={report.url} target="_blank" rel="noopener noreferrer">{report.title}</a>
					</li>
				)}
			</ul>
		</div>

```