Facet.jsx

import React from 'react';
import { Link } from 'react-router';

type Props = {};

export default function Facet({
  property,
  value,
  label,
  ...props,
}: Props) {
  return (
    <Link
      to={(location) => ({
        ...location,
        query: {
          ...location.query,
          [property]: value,
        }
      })}
      className={styles.facet}
      activeClassName={styles.active}
    >
      {label}
    </Link>
  )
}