Cacher is the code snippet organizer for pro developers

function UrlPath({ fullUrl }) {
  return (
    <div>{new URL(fullUrl).pathname}</div>
  );
}

// Used like:
<UrlPath fullUrl="https://daveceddia.com/pure-react/" />

// Would render:
<div>/pure-react/</div>