(update): replace require with import & update libs to latest versions

components/Logger.tsx

@@ -1,4 +1,4 @@
-const winston = require("winston");
+import winston from "winston";
 
 /* Example logger with custom formatter
 https://github.com/winstonjs/winston#combining-formats

middleware.js

@@ -1,31 +1,30 @@
-'use strict'
-const { NextResponse } = require('next/server')
+"use strict";
+import { NextResponse } from "next/server";
 
 module.exports.middleware = async function middleware(request) {
-  if (request.nextUrl.pathname === '/') {
+  if (request.nextUrl.pathname === "/") {
     // This logic is only applied to /about
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 25)
-      })
-      response.headers.set('x-custom', 'another-header')
-      return response
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 25);
+    });
+    response.headers.set("x-custom", "another-header");
+    return response;
   }
 
-  if (request.nextUrl.pathname === '/api') {
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 10)
-      })
-      return response
+  if (request.nextUrl.pathname === "/api") {
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 10);
+    });
+    return response;
   }
 
-  if (request.nextUrl.pathname.startsWith('/blog')) {
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 10)
-      })
-      return response
+  if (request.nextUrl.pathname.startsWith("/blog")) {
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 10);
+    });
+    return response;
   }
-}
-
+};

pages/_error.tsx

@@ -14,9 +14,11 @@ const Error: NextPage<Props> = ({ statusCode }) => {
   );
 };
 
-Error.getInitialProps = ({ res, err }: NextPageContext) => {
+Error.getInitialProps = async ({ res, err }: NextPageContext) => {
   if (typeof window == "undefined") {
-    const newrelic = require("newrelic");
+    // use dynamic import to avoid typescript error
+    // https://2ality.com/2017/01/import-operator.html
+    const newrelic = await import("newrelic");
     newrelic.noticeError(err);
   } else {
     window.newrelic.noticeError(err);