Don't fetch value from constant

Example:

// Button.js
export const PRIMARY = Symbol();

export default const Button = (props, children) => {
  switch (props.type) {
    case PRIMARY:
      theme = 'Button--primary';
      break;
  }
  return (<button className={ theme } { ...props }>{ children }</button>)
}
export default Button;

// view code-block
import jsxToString from 'react-element-to-jsx-string';
import Button, {  PRIMARY } from 'Button.js';

console.log(jsxToString(<Button type={PRIMARY}>Primary</Button>))

My Problem is that the constant is not PRIMARY but Symbol():

<Button type={Symbol()}>
  Primary
</Button>

Is there a way to workaround that?

[schoenwaldnils]

ok, I got that. But still, now I see this:

<Button type={Symbol(PRIMARY)}>
  Primary
</Button>

but I expect this:

<Button type={PRIMARY}>
  Primary
</Button>

[armandabric]

I close this issue for now. If you have any comments on this do not hesitate I will reopen it 😃