Automatically modularizeImports for the popular @headlessui/react lib…

…rary (#54188) `import { Listbox } from "@headlessui-float/react";` becomes `import { Listbox } from "@headlessui/react/dist/components/listbox/listbox";`
vercel · Aug 17, 2023 · 631018a · 631018a
1 parent 7114929
commit 631018a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/next/src/server/config.ts b/packages/next/src/server/config.ts
@@ -721,6 +721,11 @@ function assignDefaults(
         '*': 'modularize-import-loader?name={{ member }}&from=default&as=default&join=../esm/icons/{{ kebabCase member }}!lucide-react',
       },
     },
+    '@headlessui/react': {
+      transform:
+        'modularize-import-loader?name={{member}}&join=./components/{{lowerCase member}}/{{lowerCase member}}!@headlessui/react',
+      skipDefaultConversion: true,
+    },
     '@heroicons/react/20/solid': {
       transform: '@heroicons/react/20/solid/esm/{{member}}',
     },