Skip to content

Upgrade React to 19.1.0 and modernize all dependencies#9

Draft
Copilot wants to merge 3 commits intomasterfrom
copilot/fix-8
Draft

Upgrade React to 19.1.0 and modernize all dependencies#9
Copilot wants to merge 3 commits intomasterfrom
copilot/fix-8

Conversation

Copy link
Copy Markdown

Copilot AI commented Jul 20, 2025

Overview

This PR upgrades the BlueWeb project to the latest React 19.1.0 and updates all dependencies to their latest compatible versions, ensuring the project runs on the most current and secure versions of all libraries.

Major Upgrades

  • React: 18.2.0 → 19.1.0 (major version upgrade)
  • React-DOM: 18.2.0 → 19.1.0 (major version upgrade)
  • Material-UI: 5.12.3 → 7.2.0 (major version upgrade with React 19 support)
  • React Router DOM: 6.11.1 → 7.7.0 (major version upgrade)
  • React Google ReCaptcha: 2.1.0 → 3.1.0 (major version upgrade)
  • React Loader Spinner: 5.3.4 → 6.1.6 (major version upgrade)

Additional Updates

  • FontAwesome packages: All updated from 6.4.0 → 6.7.2
  • Emotion packages: Updated to latest versions (11.14.0/11.14.1)
  • Axios: 1.4.0 → 1.10.0
  • Updated browserslist database for latest browser compatibility

Breaking Changes Handled

Animation Library Migration

  • Replaced react-reveal with framer-motion: The old react-reveal library was deprecated and only supported React 15-16. Migrated all Fade animations in the Unescape component to use modern framer-motion with equivalent functionality:
    // Before
    <Fade left={true}>
      <div className="imagecont">...</div>
    </Fade>
    
    // After  
    <motion.div
      initial={{ opacity: 0, x: -50 }}
      animate={{ opacity: 1, x: 0 }}
      transition={{ duration: 0.8 }}
      className="imagecont"
    >...</motion.div>

Cleanup

  • Removed unused react-helmet dependency that wasn't being used in the codebase

Verification

  • ✅ Production build works perfectly (yarn build)
  • ✅ Development server starts without issues (yarn start)
  • ✅ All React 19 compatibility issues resolved
  • ✅ No breaking changes in functionality
  • ✅ Build size remains optimized with updated dependencies

Benefits

  • Security: Latest versions include all security patches
  • Performance: React 19 includes performance improvements and new features
  • Maintainability: All dependencies are now on actively supported versions
  • Future-proof: Ready for upcoming React features and ecosystem updates

Fixes #8.


💡 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.

Copilot AI and others added 2 commits July 20, 2025 17:08
Co-authored-by: blueedgetechno <54899800+blueedgetechno@users.noreply.github.com>
Co-authored-by: blueedgetechno <54899800+blueedgetechno@users.noreply.github.com>
Copilot AI changed the title [WIP] Upgrade the project to Latest Node and React Upgrade React to 19.1.0 and modernize all dependencies Jul 20, 2025
Copilot AI requested a review from blueedgetechno July 20, 2025 17:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Upgrade the project to Latest Node and React

2 participants