Solve TypeScript reference error

I have a monorepo typescript project structured as so

-webap/
|| -frontend/
|| -backend/
|| -common/

Both backend and frontend are supposed to use shared models from common.
When I run my frontend, compiler throws the following errors where "common" models are improted:
1|npm | TypeScript error in /home/whydoyoucare/GitHub/Marine-Management-Console/webapp/frontend/src/Actions/index.tsx(1,25):
1|npm | Output file '/home/whydoyoucare/GitHub/Marine-Management-Console/webapp/common/dist/Types/ActionError/index.d.ts' has not been built from source file '/home/whydoyoucare/GitHub/Marine-Management-Console/webapp/common/Types/ActionError/index.ts'. TS6305
1|npm | > 1 | import ActionError from "../../../common/Types/ActionError/index"
1|npm | | ^
1|npm | 2 | import ActionTypes from "../Constants/ActionTypes";
1|npm | 3 |
1|npm | 4 | import dispatcher from "../dispatcher"

Budget is 30$ to guide me with anydesk on how to setup the compiler to work and recognize the common files.