Duplicate JSX properties detected JS-0419
Bug risk
Major
7 months ago
—
7 months old
Duplicate JSX prop 'title'
7 <h1 class="no-unknown-property" font-size="24" onClick={() => console.log('Should not use bind in JSX props')}>
8 {title ? title : `Welcome to DeepSource`}
9 </h1>
10 <Hero className={'bg'} title='DeepSource is how you write clean and secure code' title=''></Hero>11 <ul>
12 {
13 features.map((feature) => <li>{feature.title}</li>)Duplicate JSX prop 'title'
7 <h1 class="no-unknown-property" font-size="24" onClick={() => console.log('Should not use bind in JSX props')}>
8 {title ? title : `Welcome to DeepSource`}
9 </h1>
10 <Hero className={'bg'} title='DeepSource is how you write clean and secure code' title=''></Hero>11 <ul>
12 {
13 features.map((feature) => <li>{feature.title}</li>)Duplicate JSX prop 'alt'
6 return (
7 <div className="App">
8 <header className="App-header">
9 <img src={logo} className="App-logo" alt="logo" alt="logo_"/>10 <Home title={`Welcome to DeepSource Enterprise`} isHero={true}></Home>
11 <a
12 className="App-link"
Description
Creating JSX elements with duplicate props can cause unexpected behavior in your application. From the duplicates properties, the last value will be honored by React framework. This may cause your application to have undesired behavior.
Bad Practice
<Hello name="John" name="John" />;
Recommended
<Hello firstname="John" lastname="Doe" />;