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>)
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>)
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"
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.
<Hello name="John" name="John" />;
<Hello firstname="John" lastname="Doe" />;