fix: handle special characters in vb media name (#3111)

100mslive · Jul 22, 2024 · 9f20f41 · 9f20f41
1 parent a22f0a2
commit 9f20f41
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/roomkit-react/src/Prebuilt/components/VirtualBackground/VBOption.tsx b/packages/roomkit-react/src/Prebuilt/components/VirtualBackground/VBOption.tsx
@@ -26,7 +26,7 @@ const Root = ({
       border: `4px solid ${isActive ? '$primary_default' : '$surface_dim'}`,
       cursor: 'pointer',
       '&:hover': { border: '4px solid $primary_dim' },
-      ...(mediaURL ? { height: '$20', backgroundImage: `url(${mediaURL})`, backgroundSize: 'cover' } : {}),
+      ...(mediaURL ? { height: '$20', backgroundImage: `url("${mediaURL}")`, backgroundSize: 'cover' } : {}),
     }}
     onClick={async () => {
       await onClick?.();