reactjs - Efficiënt omgaan met types in TypeScript

Ik werk aan een groot TS-project voor werk en ik ben er helemaal weg van. Toen het project begon, hebben we al onze zelfgedefinieerde interfaces en types opgeslagen in één types.ts-bestand, dat eenvoudigweg elk van hen exporteerde. Op die manier konden we alleen de types import die we nodig hadden in elk module (in ons geval React-componenten). In die zin hebben we in feite een global.d.ts-bestand zoals hier gedefinieerd, met het bijkomende voordeel dat het eigenlijk een module is vanwege de export-syntaxis in types.ts.

Natuurlijk is het project gegroeid en is het echt tijd om deze definities elders onder te brengen. Mijn vraag is hoe je daadwerkelijk aparte .d.ts-bestanden kunt maken om dit te doen. Moet ik aparte .d.ts-bestanden hebben voor elk component (of misschien een groep componenten) en deze dan refereren in één index.d.ts? Moet ik gewoon vasthouden aan wat ik nu heb? Andere suggesties? Eigenlijk ben ik gewoon op zoek naar advies over hoe andere ontwikkelaars type-definities op een schaalbare en onderhoudbare manier beheren. We gebruiken TS 2.4.2 met React, Redux, redux-saga en webpack.