import { useState } from 'react' ; import { FF } from './feature-flag' ; import logo from './logo.svg' ; import './App.css' ; function App ( ) { const [ count , setCount ] = useState ( 0 ) ; return ( < div className = 'App' > < header className = 'App-header' > < FF flag = 'NEW_HEADER' feature = { < div > Header novo < /div>}> < img src = { logo } className = 'App-logo' alt = 'logo' / > < p > Hello Vite + React ! < /p> < /FF> < p > < button type = 'button' onClick = { ( ) => setCount ( ( count ) => count + 1 ) } > count is : { count } < /button> < /p> < p > Edit < code > App . tsx < /code> and save to test HMR updates. < /p> < p > < a className = 'App-link' href = 'https://reactjs.org' target = '_blank' rel = 'noopener noreferrer' > Learn React < /a> { ' | ' } < a className = 'App-link' href = 'https://vitejs.dev/guide/features.html' target = '_blank' rel = 'noopener noreferrer' > Vite Docs < /a> < /p> < /header> < /div>); } export default App ;