Design the contamination map React component

Build a React component that renders an interactive map showing water quality risk by ZIP code. Requirements:

1. Use Mapbox GL JS or Leaflet (open-source preferred)
2. Color-code regions: green (0-30 score), yellow (31-60), red (61-100)
3. Click a region to see detailed risk factors
4. Include a search bar for ZIP code lookup
5. Mobile-responsive
6. Server-side render the initial state, hydrate on client

The component should accept risk data as props.don't worry about data fetching, just the visualization.