floppydisk•2d ago

How to share the types correctly?

Hey everyone, I have a basic question regarding sharing types between my Fastify back-end and my Expo front-end. I'm using a monorepo and I'm using pnpm workspaces. My back-end package.json includes:

  "types": "dist/types.d.ts",
  "exports": {
    "./trpc": "./src/types.ts"
  },

  "types": "dist/types.d.ts",
  "exports": {
    "./trpc": "./src/types.ts"
  },

And types.ts:

export type { AppRouter } from "./routers/_app";

export type { AppRouter } from "./routers/_app";

Inside my package.json for my front-end I do:

    "@myrepo/api": "workspace:*",

    "@myrepo/api": "workspace:*",

This works fine and as expected until I try to use path aliases inside my back-end. I understand why this breaks, but is there a way around it? Is my initial setup already wrong?

2 Replies

FluX•2d ago

Using path aliases with tRPC in a monorepo always causes problems. The best solution is to avoid them and use relative imports in your tRPC related files. But you could try to define your path aliases in both the backend package.json and frontend package.json, e.g. "sync" them

floppydiskOP•2d ago

Ah, that's a bummer. I don't enjoy the morse code too much 😄 The issue with adding the path aliases to the frontend as well is that they're the same. I use @ for src in both packages. I also use a lib dir in both.

How to share the types correctly?

Did you find this page helpful?