I want to remove the footer from docusaurus.config:
footer: { style: 'dark', links: [ { title: 'Docs', items: [ { label: 'Tutorial', to: '/', }, ], }, { title: 'Community', items: [ { label: 'Stack Overflow', href: '/questions/tagged/docusaurus', }, { label: 'Discord', href: 'https://discordapp.com/invite/docusaurus', }, { label: 'Twitter', href: 'https://twitter.com/docusaurus', }, ], }, { title: 'More', items: [ { label: 'Blog', to: '/blog', }, { label: 'GitHub', href: 'https://github.com/facebook/docusaurus', }, ], }, { title: 'More', items: [ { label: 'Blog', to: '/blog', }, { label: 'GitHub', href: 'https://github.com/facebook/docusaurus', }, ], }, ], copyright: Copyright © ${new Date().getFullYear()}, },
And add instead of this my new component, footer.js.
How can i do this?

I ask ChatGPT, and his solutions was this:
footer: { style: 'dark', links: [], // Optionally leave empty if links are managed in your custom component copyright: '', component: require.resolve('./src/components/FooterComponent.js'), // Add this line },

but it doesn’t function.