import React from 'react'; const Header = () => { return ( <header> <h1>My Application</h1> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> <li><a href="/contact">Contact</a></li> </ul> </nav> </header> ); }; export default Header;import Header from '../components/Header'; const DefaultLayout = ({ children }) => { return ( <div> <Header /> {children} <footer> <p>© 2022 My Application</p> </footer> </div> ); }; export default DefaultLayout;import DefaultLayout from '../layouts/DefaultLayout'; const Home = () => { return ( <DefaultLayout> <h1>Welcome to my application!</h1> </DefaultLayout> ); }; export default Home;