How can I modify prototype of Object without breaking solid-js ?

[unoexperto]

Hi folks,

How can I change prototype of Object without breaking solid-js ? When I add following code into my project solid-js doesn't render anything at all.

declare global {
  interface Object {
    apply<In extends {}, Out>(this: NonNullable<In>, fn: (value: NonNullable<In>) => Out): Out | undefined;
  }
}

// NOTE: Similar to https://kotlinlang.org/docs/scope-functions.html#let
Object.prototype.apply = function <In extends {}, Out>(this: NonNullable<In>, fn: (value: NonNullable<In>) => Out): Out | undefined {
  return (this !== null && this !== undefined) ? fn(this) : undefined;
};