[Copilot]

Tab in semantic-ui-react does not expose a Pane sub-component, causing TS2339: Property 'Pane' does not exist build failures across four profile components. The fix uses the separately exported TabPane component instead.

Changes

• Imports — Added TabPane to the semantic-ui-react import in each affected file
• JSX — Replaced <Tab.Pane> with <TabPane> in:
  • ProfileAbout.tsx
  • ProfileActivities.tsx
  • ProfileFollowings.tsx
  • ProfilePhotos.tsx

// Before
import { Tab } from "semantic-ui-react";
// ...
<Tab.Pane loading={loading}>...</Tab.Pane>

// After
import { Tab, TabPane } from "semantic-ui-react";
// ...
<TabPane loading={loading}>...</TabPane>

Original prompt

The build fails in several profile components due to incorrect usage of Tab.Pane. The semantic-ui-react Tab component does not have a Pane property. Instead, use the separately exported TabPane component.

Steps to fix for each affected file:

1. Update imports: Add TabPane to the semantic-ui-react import.
2. Replace all occurences of <Tab.Pane ...>...</Tab.Pane> with <TabPane ...>....

Affected files/lines (based on CI failure):

• src/features/profile/ProfileAbout.tsx (lines 13, 38)
• src/features/profile/ProfileActivities.tsx (lines 32, 67)
• src/features/profile/ProfileFollowings.tsx (lines 11, 31)
• src/features/profile/ProfilePhotos.tsx (lines 33, 81)

This will resolve TS2339: Property 'Pane' does not exist on type 'ForwardRefComponent<TabProps, HTMLDivElement>'.

This pull request was created from Copilot chat.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[KNPhilip]

@copilot you have a failing pipeline. Please adjust accordingly.