diff --git a/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.js b/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.js
index f7cafcdab06..a8d8f8873c9 100644
--- a/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.js
+++ b/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.js
@@ -16,7 +16,7 @@ export async function update(id, options) {
 export function dispose(id) {
     const data = Data.get(id);
     Data.remove(id);
-    if (data) {
+    if (data && data.pickr) {
         data.pickr.destroyAndRemove();
     }
 }