diff --git a/demo/src/index.js b/demo/src/index.js
index <HASH>..<HASH> 100644
--- a/demo/src/index.js
+++ b/demo/src/index.js
@@ -8,7 +8,7 @@ import {
 } from "three";
 
 import { DemoManager } from "three-demo";
-import { EffectComposer } from "../../src";
+import { EffectComposer, OverrideMaterialManager } from "../../src";
 
 import { AntialiasingDemo } from "./demos/AntialiasingDemo.js";
 import { BloomDemo } from "./demos/BloomDemo.js";
@@ -217,6 +217,9 @@ window.addEventListener("load", (event) => {
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
 
+	// Enable the override material workaround.
+	OverrideMaterialManager.workaroundEnabled = true;
+
 	// Create the effect composer.
 	composer = new EffectComposer(renderer, {
 		frameBufferType: HalfFloatType
Enable override material workaround