styled-components-ts | Visual primitives for the component age | Frontend Framework library

maxbause was kind to create a nice boilerplate project for Next.js that includes GraphQL and styled components in TypeScript.

https://github.com/maxbause/next-graphql-styled-components-ts-boilerplate/blob/master/pages/_document.tsx

Nonetheless, when I added ESLint to the project I got several warnings and errors because the cause was basically plain JavaScript.

I fixed most of it but I am stuck with two warnings in the _document.tsx file.

First of all, I am getting the following warning on the any part of Document< any>: "Unexpected any. Specify a different type." If I remove any and use nothing, unknown or never then I get errors with the this.props.styleTags.

The second issue is with the Missing return type on function warning thrown by the missing return type in ctx.renderPage = () => right after the try where I don't know what I should add.

I am a bit of a noob in TypeScript so please don't be too harsh on me if there is an obvious solution to this. I search quite a bit but couldn't figure it out.

I know I can ignore or even disable these errors but if I am to disable the errors I would appreciate if you could explain why it makes sense to do so.

I hope this question is useful to everyone interested in using Next.js with TypeScript.

_document.tsx (where the warnings are thrown)