Skip to content

Comments

Fix Tailwind v4 and React 19 compatibility#21

Open
matticoli wants to merge 4 commits intomainfrom
tailwind4-react19-migration
Open

Fix Tailwind v4 and React 19 compatibility#21
matticoli wants to merge 4 commits intomainfrom
tailwind4-react19-migration

Conversation

@matticoli
Copy link
Owner

Changes

Fixed Issues

  • PostCSS/Tailwind v4 Migration: Updated to use @tailwindcss/postcss plugin with proper configuration
  • React 19 Compatibility: Fixed object rendering errors by removing JSX element storage patterns
  • Component Fixes:
    • Replaced incompatible react-typing-effect with custom hook implementation
    • Fixed Link component children in Button and Nav components
    • Fixed iconMap implementation to use function factories instead of stored elements
    • Updated barrel exports in components/index.tsx
  • Navigation Layout: Fixed desktop nav layout to properly display logo and buttons on single line
  • CSS/Styling: Reorganized globals.css with proper @layer base structure
  • Build Issues: Removed broken script references from contact.html

Testing

  • Build completes successfully
  • Homepage renders with correct styling and layout
  • Navigation displays properly on desktop and mobile
  • No React console errors

- Upgraded tailwindcss to v4.1.18 and added @tailwindcss/postcss plugin
- Fixed Tailwind v4 configuration with proper content paths and CSS import syntax
- Replaced react-typing-effect with custom React hook-based typing animation (React 19 compatible)
- Fixed Button component Link usage for React 19 compatibility
- Fixed Nav component layout for proper desktop alignment with logo and nav buttons on one line
- Fixed iconMap in project pages to use function references instead of direct JSX elements
- Removed non-existent script references from contact.html that were causing 404 errors
- Updated PostCSS config to use @tailwindcss/postcss plugin
- Fixed component barrel exports to use named re-exports instead of default object export
@vercel
Copy link

vercel bot commented Jan 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
matticoli Ready Ready Preview, Comment Jan 30, 2026 4:41am

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.

1 participant