- Clone the repo
- Add
.env.local
file withVITE_CLERK_PUBLISHABLE_KEY=pk_test_bmV4dC1tb3NxdWl0by0yLmNsZXJrLmFjY291bnRzLmRldiQ
- Install dependencies:
npm install
- Run the app:
npm run dev
- Open the app
- Sign up by clicking the "Sign up" button and following the steps
- Click the user button to open the menu
- Notice the custom menu item says "Value is false" and the console log says "current value is false"
- Click the custom menu item
- Notice the console log has 'setting value to true'
- Click the user button to open the menu again
- Notice the console log has 'current value is true'
- Notice the custom menu item still says "Value is false" even though it should say "Value is true"
Changing the value of a prop in the <UserButton.Action> component should update the menu item.
Found in src/layouts/root.tsx