[Refactor] JS Extension and Typings Warning in BackToTop.jsx

[Aditya948351]

Severity

Beginner

Affected File

src/components/BackToTop.jsx

Detailed Description

The scroll component is implemented as a .jsx file, which is the only Javascript extension component inside a fully configured TypeScript Next.js layout, causing compile warnings and missing prop type definitions during production builds.

Proposed Solution

Rename the file extension to .tsx and add proper type signatures for React hook elements.

[Anand-240]

Hey @Aditya948351, I'd like to work on this issue under GSSoC'26.

I understand the refactor needed:

• The BackToTop.jsx component is the only .jsx file in a TypeScript Next.js project, causing compile warnings
• I'll rename it to BackToTop.tsx and add proper TypeScript type signatures for React hook elements (useState, useEffect refs, etc.)

This is a beginner-level refactor that will eliminate the JSX extension and typings warnings during production builds. I'm familiar with React + TypeScript and can complete this quickly.

Can you please assign it to me?

Thanks!