diff --git a/packages/labs/observers/src/intersection-controller.ts b/packages/labs/observers/src/intersection-controller.ts index 7332559843..d700d9e30c 100644 --- a/packages/labs/observers/src/intersection-controller.ts +++ b/packages/labs/observers/src/intersection-controller.ts @@ -3,6 +3,7 @@ * Copyright 2021 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ +import {isServer} from 'lit'; import { ReactiveController, ReactiveControllerHost, @@ -94,6 +95,9 @@ export class IntersectionController implements ReactiveController { } this._skipInitial = skipInitial ?? this._skipInitial; this.callback = callback; + if (isServer) { + return; + } // Check browser support. if (!window.IntersectionObserver) { console.warn( diff --git a/packages/labs/observers/src/mutation-controller.ts b/packages/labs/observers/src/mutation-controller.ts index 530734818f..a1345b56e7 100644 --- a/packages/labs/observers/src/mutation-controller.ts +++ b/packages/labs/observers/src/mutation-controller.ts @@ -3,6 +3,7 @@ * Copyright 2021 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ +import {isServer} from 'lit'; import { ReactiveController, ReactiveControllerHost, @@ -94,6 +95,9 @@ export class MutationController implements ReactiveController { this._config = config; this._skipInitial = skipInitial ?? this._skipInitial; this.callback = callback; + if (isServer) { + return; + } // Check browser support. if (!window.MutationObserver) { console.warn( diff --git a/packages/labs/observers/src/performance-controller.ts b/packages/labs/observers/src/performance-controller.ts index c48b3eddd5..f3f8c68da9 100644 --- a/packages/labs/observers/src/performance-controller.ts +++ b/packages/labs/observers/src/performance-controller.ts @@ -3,6 +3,7 @@ * Copyright 2021 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ +import {isServer} from 'lit'; import { ReactiveController, ReactiveControllerHost, @@ -80,6 +81,9 @@ export class PerformanceController implements ReactiveController { this._config = config; this._skipInitial = skipInitial ?? this._skipInitial; this.callback = callback; + if (isServer) { + return; + } // Check browser support. if (!window.PerformanceObserver) { console.warn( diff --git a/packages/labs/observers/src/resize-controller.ts b/packages/labs/observers/src/resize-controller.ts index 8bc908198f..622fdbabd4 100644 --- a/packages/labs/observers/src/resize-controller.ts +++ b/packages/labs/observers/src/resize-controller.ts @@ -3,6 +3,7 @@ * Copyright 2021 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ +import {isServer} from 'lit'; import { ReactiveController, ReactiveControllerHost, @@ -93,6 +94,9 @@ export class ResizeController implements ReactiveController { this._config = config; this._skipInitial = skipInitial ?? this._skipInitial; this.callback = callback; + if (isServer) { + return; + } // Check browser support. if (!window.ResizeObserver) { console.warn(