[Bug] SettingRow right prop callback recreated on every parent render — breaks PureComponent optimization

[RUKAYAT-CODER]

Overview

src/components/mobile/SettingRow.tsx receives an onPress or right render prop that is defined as an inline arrow function in the parent settings screen. Because the parent re-renders on any store state change (theme, user, network), a new function reference is created each time. SettingRow is a pure component (React.memo) but the unstable onPress reference defeats the memo check and causes unnecessary re-renders for every row in the settings list.

Specifications

Features:

• All onPress handlers in settings screens wrapped with useCallback
• SettingRow props are stable across parent re-renders that don't change setting values
• Re-render confirmed absent on unrelated store changes via Profiler

Tasks:

• Audit the parent settings screen(s) for inline onPress functions
• Wrap each with useCallback with correct dependency array
• Verify SettingRow has React.memo wrapping
• Add profiler test confirming SettingRow does not re-render on unrelated parent state change

Impacted Files:

• Settings screen component(s) in src/pages/mobile/ or src/components/mobile/
• src/components/mobile/SettingRow.tsx

Acceptance Criteria

• onPress handler reference is stable across parent re-renders
• SettingRow does not re-render when unrelated store state changes
• Profiler confirms 0 re-renders for settings rows on theme toggle
• All useCallback dependency arrays are correct (no missing deps)

[Malcolm-Wander]

@Malcolm-Wander has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintainer,I’d love to work on this issue please…promise to do an accurate and swift job,thank you.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Malcolm-Wander to this issue.

[Devadakene]

@Devadakene has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I am confident that I can implement this having worked on something similar in the past

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Devadakene to this issue.

[AlphaMaleBaDI]

@AlphaMaleBaDI has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi Maintainer, I will solve this by implementing React performance optimizations by wrapping inline onPress callback handlers with useCallback inside the rinafcode/teachLink_mobile repository.

To deliver a pristine, 100% compliant frontend optimization matching all stated acceptance criteria, I plan to:

• Audit the parent settings screen components located in src/pages/mobile/ or src/components/mobile/ to identify all inline arrow functions assigned to the onPress or right render props of SettingRow.
• Refactor the component state lifecycle by wrapping each identified onPress handler with the useCallback hook, ensuring accurate and complete dependency arrays are established to eliminate unnecessary function recreations.
• Verify that src/components/mobile/SettingRow.tsx is properly memoized using React.memo so that stable prop references successfully bypass the reconciliation layer.
• Add an automated profiler test using React's testing utilities to explicitly assert and confirm that SettingRow yields 0 re-renders when unrelated global store slices (such as theme toggles or user profiles) update.

Since my local workspace is perfectly calibrated for React Native/React mobile architectures, performance profiling, and memoization verification hooks, I can jump straight into the component structure and submit a highly polished PR immediately. Ready to lock it in!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @AlphaMaleBaDI to this issue.

[iamkingvalor]

@iamkingvalor has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Please can i work on this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @iamkingvalor to this issue.

[edrizxabdulganiyu-blip]

@edrizxabdulganiyu-blip has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello Maintainer, I’ve reviewed the issue description and I’m confident I can work on it effectively. Please assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @edrizxabdulganiyu-blip to this issue.

[Rendezvous-droid]

@Rendezvous-droid has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

can i work on this, please?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Rendezvous-droid to this issue.

[CHKM001]

@CHKM001 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello Rinaff
I can do this, and I really want to work on this project
Let's go team mobilee

ℹ️ Repo Maintainers: To accept this application, review their application or assign @CHKM001 to this issue.

[adelekevictor12]

@adelekevictor12 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I can handle this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @adelekevictor12 to this issue.

[sadiqolalere41-pro]

@sadiqolalere41-pro has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintener I will like to work on this issue. Pls assign me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @sadiqolalere41-pro to this issue.

[Gabugo-tech]

@Gabugo-tech has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi Maintainers,

I'd like to work on this bug. I can audit the settings screens for inline callbacks, stabilize the onPress handlers with useCallback, verify SettingRow memoization, and add a profiler test to confirm settings rows do not re-render on unrelated state changes.

Please assign it to me. Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Gabugo-tech to this issue.

[dotmantissa]

@dotmantissa has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Please, assign this issue to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dotmantissa to this issue.

[spartan124]

@spartan124 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi, I would love to work on this. I have worked across several projects professionally and effciently and can implement the most efficient solution cleanly without going out of scope. Kindly assign for quick resolution.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @spartan124 to this issue.