tree-shaking.js

// File shakebake.js
const shake = () => console.log('shake');
const bake = () => console.log('bake');

//can be tree shaken as we export as es modules
export { shake, bake };

// File index.js
import { shake } from './shakebake.js'
// only shake is included in the output

// File shakebake.js
const shake = () => console.log('shake');
const bake = () => console.log('bake');

//cannot be tree shaken as we have exported an object
export default { shake, bake };

// File index.js
import { shake } from './shakebake.js'
// both shake and bake are included in the output

you have syntax error on line 20
https://stackoverflow.com/questions/43814830/destructuring-a-default-export-object