Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    React challenge/easy

    Repair Account Settings Tabs

    Challenge workspace

    25-30 min
    Components and propsPath 5/33
    Components & propsState & eventsAccessibility

    Suggested first

    Counter Card

    Your workspace must pass its server-side browser checks to complete this challenge.

    Profile Tabs

    Create a data-driven tab interface with accessible roles.

    Requirements

    • Store only the active tab ID in state.
    • Render triggers from the provided array with stable keys.
    • Derive the active tab object.
    • Synchronize aria-selected, aria-controls, and aria-labelledby.
    • Display exactly one panel at a time.