Unable to resolve path to module when using .tsx with absolute paths in next js

Question

I have installed eslint for a next.js project which uses typescript and absolute paths. When I try to import a component which has a .tsx