Allow prop spreading

.eslintrc.json

@@ -52,6 +52,7 @@
     ],
     "max-lines": ["error", 80],
     "react/jsx-filename-extension": [1, { "extensions": [".tsx"] }],
+    "react/jsx-props-no-spreading": "off",
     "react/prop-types": "off",
     "simple-import-sort/exports": "error",
     "simple-import-sort/imports": "error"

pages/_app.tsx

@@ -9,7 +9,6 @@ const App = ({ Component, pageProps }: AppProps): React.ReactElement => (
     <SessionProvider>
       <StyledApp>
         <Metadata />
-        {/* eslint-disable-next-line react/jsx-props-no-spreading */}
         <Component {...pageProps} />
       </StyledApp>
     </SessionProvider>

utils/withStyledComponents.tsx

@@ -11,7 +11,6 @@ const withStyledComponents = async (
   try {
     ctx.renderPage = () =>
       originalRenderPage({
-        /* eslint-disable-next-line react/jsx-props-no-spreading */
         enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />)
       });