Why does a default export that I name get lost in my exports

[KLewin23]

My normal way of exporting / laying out components

import React from 'react'

const Demo = ():JSX.Element => {
    return (
        <div><p>component</p></div>
    )
}

export default Demo 

which I then re-export to the main export file with:

export { default as Button, type ButtonProps } from './Button';

however when I do this, the output I get ignores the export and only shows keys, and I cant import said component.

A cleaner example is with:

export { Input, type InputProps } from './Input'; export { default as Button, type ButtonProps } from './Button';

the export at the bottom of the output is
export {$473d5122cb4643a5$export$f5b8910cec6cf069 as Input, $893fdaddba73b336$export$ed97f33186d4b816 as keys};

I have no doubt its a rule or something ive setup wrong so any help is appreciated, for now im just moving to the named exports as its no biggie, just seems odd