Importing Ziggy and route with Typescript

[gms8994]

I'm using direct webpack, no vite or mix.

I've installed the tightenco/ziggy composer package and the ziggy-js npm package. I've generated the js and .d.ts file via php artisan ziggy:generate --types. Both live in resources/js/. I've added an entry in plugins for new webpack.ProvidePlugin({ route: 'ziggy-js' }). I've updated tsconfig.json to include a typeRoots entry for ./resources/js and added a paths entry for "ziggy-js": ["./vendor/tightenco/ziggy"].

If I add an import { Ziggy } from '../resources/js/ziggy.js'; to my app.tsx file, typescript complains because TS2305: Module '"../resources/js/ziggy.js"' has no exported member 'Ziggy'.

Obviously, resources/js/ziggy.js has an exported Ziggy, but the resources/js/ziggy.d.ts file doesn't, which is where I assume it's trying to get its types.

I feel like I have to be missing something. Can anyone assist?

[gms8994]

Looking at #692, that solution seems to work for me, but I think really what I need to do is build the ziggy js from the source inside tightenco/ziggy.

[gms8994]

That change seems to work. At this point, I think the only thing holding me back from using ziggy within our environment is #722 so that webpack doesn't go in to an infinite loop.