I tried adding the script using next/script within layout.tsx
import React from 'react';
import { Providers } from './providers';
import NextTopLoader from 'nextjs-toploader';
import { font } from '@ss/theme/font';
import Script from 'next/script'
export const metadata = {
title: 'Shadow Shifts - Admin',
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en" className={font.className}>
<Script
src="https://cdn.jsdelivr.net/npm/react-render-tracker"
/>
<body>
<Providers>
<NextTopLoader />
{children}
</Providers>
</body>
</html>
);
}I tried option #0 I get Waiting for a supported React renderer to be connected...
I tried option #1 I get Connection to rempl publisher – Awaiting...
I can see the script loading correctly
Also worth mentioning that I am using React 18
I tried adding the script using
next/scriptwithinlayout.tsxI tried option
#0I getWaiting for a supported React renderer to be connected...I tried option
#1I getConnection to rempl publisher – Awaiting...I can see the script loading correctly
Also worth mentioning that I am using React 18