How can I retrieve an environment variable in my Next.js application and pass the data into datadogRum.init?
// _app.tsx
import React from "react";
import { useEffect } from "react";
import type { AppProps } from "next/app";
import { datadogRum } from "@datadog/browser-rum";
export default function App({ Component, pageProps }: AppProps) {
useEffect(() => {
datadogRum.init({
applicationId: applicationID, // unable to directly use process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID here
...
});
datadogRum.startSessionReplayRecording();
});
return (
...
);
}
App.getInitialProps = async () => {
return {
applicationID: process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID,
};
};
This setup does not allow for retrieving the value of applicationID.