bug: Properties with type unknown will not be provided

[deleonio]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

2.20

Current Behavior

Prop() myProp: unknown;

This property be always undefined.

If I toggle the type to any, never or something else - it works.

Expected Behavior

If the type of a property is unknown the values should also propagate to the component an Watchers.

System Info

Mac Pro, 13, Chrome 108

Steps to Reproduce

Add a property to your component an use the type unknown.

The value does not come in the componentWillMount for example.

Code Reproduction URL

https://github.com/public-ui/kolibri/blob/efce64888f95ff5117acee53e664ebfa6bb37fd9/packages/library/src/components/input-radio/component.tsx#L175

Additional Information

No response

[alicewriteswrongs]

Hey @deleonio, thanks for filing this issue!

I was able to confirm the problem. I created a reproduction case here which demonstrates the issue: https://github.com/alicewriteswrongs/stencil-unknown-prop-repro

I have a component like this:

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true,
})
export class MyComponent {
  /**
   * The first name
   */
  @Prop() first: string;

  /**
   * The middle name
   */
  @Prop() middle: unknown;

  /**
   * The last name
   */
  @Prop() last: string;

  private getText(): string {
    // @ts-ignore
    return format(this.first, this.middle, this.last);
  }

  render() {
    return <div>Hello, World! I'm {this.getText()}</div>;
  }

  componentWillLoad() {
    console.log('componentWillLoad::first::', this.first);
    console.log('componentWillLoad::middle::', this.middle);
    console.log('componentWillLoad::last::', this.last);
  }
}

the componentWillLoad::middle line logs undefined, but if I change the type of the field to string it works as it should. I think what you describe is correct, if the prop is typed as unknown then runtime behavior in line with that should be what Stencil produces.

I'm going to label this so it's ingested into our backlog to be prioritized