stencil-store Bindings error

[ashika01]

I am using @stencil/store in my codebase. While trying to build, the react binding package fails with bunch of errors.

Here is a sample of stencil store usage, (pretty much the sample in docs)

const { state, onChange } = createStore({
  clicks: 0,
});

onChange('clicks', value => {
  state.clicks = value ** 2;
});

export default state;

Usage in component,

import state from './connect-util';

@Component({
  tag: 'connect-provider',
  shadow: true,
})
export class ConnectProvider {
  @Element() host: HTMLElement;
  @Prop() msg = 'default';

  render() {
    return (
      <Host>
        <div>From the inside: {state}</div>
      </Host>
    );
  }
}

Errors I am seeing on my build,

And quite a few similar to this.

[adrianiy]

Facing the same issue here

[christian-bromann]

If anyone has a resolution to this, we would appreciate any sort of contributions. Thanks!

[ionitron-bot[bot]]

This issue has been labeled as help wanted. This label is added to issues that we believe would be good for contributors.

If you'd like to work on this issue, please comment here letting us know that you would like to submit a pull request for it. This helps us to keep track of the pull request and make sure there isn't duplicated effort. Thank you!