Reports

Blacklisted phrase (1): it didn&#039;t work for me
Blacklisted phrase (1): I have the same problem
Long answer (-0.5):
Has code block (-0.5):
Me too answer (2.5): I have the same problem
Low reputation (0.5):

I have the same problem, but in NextJS 14.2.25

I tried the other: { 'apple-mobile-web-app-capable': 'yes' } workaround, but it didn't work for me.

I eventually added them manually to the <head> in my root layout.tsx like this

export default function RootLayout({
  children,
  params: { locale },
}: {
  children: React.ReactNode;
  params: { locale: string };
}) {
 
  return (
    <html>
      <head>
 
        {/* Apple Splash Screens */}
        <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/splash/apple-splash-2048-2732.jpg"/>
        <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/apple-splash-2732-2048.jpg"/>
        
        {/* Rest of the Splash Screens ... */}



 </head>

  {*/ Rest of your code */}
</html>

79597074