Wasp•17mo ago

Custom Type Declarations

I am trying to extend my

@mui/material

@mui/material

@mui/material

@mui/material configuration and thus als its type declarations.
When adding a declaration file

mui.d.ts

mui.d.ts

mui.d.ts

mui.d.ts or

mui.ts

mui.ts

mui.ts

mui.ts my local development works just fine (IDE Support and

wasp start

wasp start

starts the server without problems) but when I try to deploy my app, the Typedefinition seems to get lost as i get the Error

Property <MyAddedProperty> does not exist on Type XY

Property <MyAddedProperty> does not exist on Type XY

Property <MyAddedProperty> does not exist on Type XY

Property <MyAddedProperty> does not exist on Type XY. Any Idea how I can make this work?

kapa.ai•8/17/24, 8:28 AM

Hi @Gwaggli. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

kapa.ai•8/17/24, 8:29 AM

----------------------
Based on the information provided in the knowledge sources, Wasp currently doesn't support custom TypeScript configuration. This means that you can't specify desired flags in your tsconfig.jsontsconfig.json files and merge it with Wasp's tsconfig.jsontsconfig.json files, which are the ones actually used when compiling. This limitation might be causing the issue you're experiencing when deploying your app.

There's an open issue on GitHub discussing this feature request: Support custom TypeScript configuration (https://github.com/wasp-lang/wasp/issues/835). You might want to follow this issue for updates or contribute to the discussion.

As a workaround, you might want to consider moving your custom type declarations to a part of your code that doesn't rely on Wasp's TypeScript configuration. However, this might not be feasible depending on your project's structure and requirements.

Please note that this is a limitation of the current version of Wasp and might change in future versions.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

kapa.ai•8/17/24, 8:29 AM

Sorry @Gwaggli, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

GwaggliOP•8/17/24, 8:41 AM

Alright, I could workaround this by importing my

mui.ts

mui.ts

file in my root component and there force typescript to pick it up. I guess a cleaner solution is dependent on the issue Kapa mentioned?

miho•8/19/24, 7:26 AM

One for you @sodic - I guess importing with side effect makes sense in this scenario?

Filip•8/19/24, 9:20 AM

Hey @Gwaggli, could you share a minimal example of this? I'd like to take a look and see what's happening

GwaggliOP•8/19/24, 9:22 AM

Yeah sure, i will setup an example soon! But probably it will be resolved with the custom tsconfig file that is planned for the next release, right?

GwaggliOP•8/19/24, 10:28 AM

@sodic https://github.com/Brakeable/wasp-custom-typings-example
Here you go!
Steps to reproduce:

wasp buildwasp build
cd .wasp/build/web-appcd .wasp/build/web-app &&
```
npm run build
```
```
npm run build
```
This fails because of the missing typing while
```
wasp start
```
```
wasp start
```
works just fine
When you then uncomment the import import from 'mui'import from 'mui' line in the MainPage.tsxMainPage.tsx file and retry the steps above, the build progresses further and spits out another error, but the missing typing error is gone. (sorry would need to investigate further what that other error means and how to fix it)

GitHub

GitHub - Brakeable/wasp-custom-typings-example

Contribute to Brakeable/wasp-custom-typings-example development by creating an account on GitHub.

GGwaggli @sodic https://github.com/Brakeable/wasp-custom-typings-example Here you go! St...

Filip•8/20/24, 2:43 PM

Ok, on it

Custom Type Declarations

Similar Threads

Similar Threads

Similar Threads