I’m working on a Next.js 14 project and I’m trying to update the default favicon from my application. i can’t seem to update the favicon as it is not accepting any other favicon then the default in the layout.js file there is metadata my html page is only accepting only that data and no other data so even if a add new head it is not showing anything.
import { Inter } from "next/font/google";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
export const metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
);
}
I have tried deleting the metadata component and directly apply head in layout.js RootLayout but no result has been shown please help me as i am new to nextjs 14 and i cant seem to find the exact solution of the problem even in documents