使用 next-redux-wrapper 将 Google Analytics 添加到 Nextjs 应用程序

Question

I have created a nextjs app with redux wrapper

class MyApp extends React.Component<AppProps> {
   
    public static getInitialProps = wrapper.getInitialAppProps(store => async ({ Component, ctx }) => {

I am now trying integrate google analytics to the app ( G4 ). Though many documentations explains how to add with useEffect, guides are little disconnected on how to use them while app extends component and not using hooks.

Do i need to use componentMount methods or a better approach exists like upgrading this implementation to functional component?

Answer 1

Converted the app as a functional component and used useEffect

  const MyApp = (AppProps) => {
      const router = useRouter();
      useEffect(() => {

and then

MyApp.getInitialProps = wrapper.getInitialAppProps(store => async ({ Component, ctx }) => {