diff --git a/packages/next/src/client/components/error.tsx b/packages/next/src/client/components/error.tsx
index 94f97386167c0..3b0c133603308 100644
--- a/packages/next/src/client/components/error.tsx
+++ b/packages/next/src/client/components/error.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-const styles: { [k: string]: React.CSSProperties } = {
+const styles: Record<string, React.CSSProperties> = {
   error: {
     // https://github.com/sindresorhus/modern-normalize/blob/main/modern-normalize.css#L38-L52
     fontFamily:
diff --git a/packages/next/src/pages/_error.tsx b/packages/next/src/pages/_error.tsx
index 376fb9536ba68..ca57c82991eb3 100644
--- a/packages/next/src/pages/_error.tsx
+++ b/packages/next/src/pages/_error.tsx
@@ -24,7 +24,7 @@ function _getInitialProps({
   return { statusCode }
 }
 
-const styles: { [k: string]: React.CSSProperties } = {
+const styles: Record<string, React.CSSProperties> = {
   error: {
     // https://github.com/sindresorhus/modern-normalize/blob/main/modern-normalize.css#L38-L52
     fontFamily: