Radio-group.js has no exported member Radio.

[superscriptinc]

What component (if applicable)

• URL for category: https://tailwindui.com/components/marketing/sections/pricing
• Component name: Three tiers with emphasized tier

Describe the bug Radio-group.js has no exported member Radio.

To Reproduce Steps to reproduce the behavior:

1. Create a test component and try to render. See browser error.

Expected behavior Component renders annual and monthly toggle along with pricing table.

Screenshots If applicable, add screenshots to help explain your problem.

Browser/Device (if applicable)

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[reinink]

Hey! Happy to help out here.

I suspect you're using the React version of the components, which require that you have the latest version of Headless UI (v2) installed.

In Headless UI v1 there was no Radio component, which explains why you're seeing that error.

I'd highly recommend upgrading to the latest version of Headless UI:

npm install @headlessui/react@latest

You can find a detailed upgrade guide here:

https://github.com/tailwindlabs/headlessui/releases/tag/%40headlessui%2Freact%40v2.0.0

It looks long, but honestly it's really not that bad of an upgrade — there's a bunch of deprecations and only a few actual breaking changes.

Totally get how this is kind of annoying if you have an existing project based on Tailwind UI components, but we've always felt that it's important for Tailwind UI to use the latest version of our open source libraries.

Hope that makes sense! Let me know if you bump into any other issues 👍