Add a dash (gap character) glyph?

[agartland]

I'd like to add a dash/gap character as a custom glyph and would like help on how best to accomplish this. I have the SVG path below and have pasted it into a JSX file, but I'm not familiar with React and don't know how to add this to the logojs.ProteinAlphabet. Please point me to the docs if I'm missing something.
Thanks!
Andrew

import React from 'react';

const _path = "M 12.5 40 H 87.5 V 60 H 12.5 V 40";

export const dash = props => (
    <path {...props} d={_path} />
);