Merge pull request #455 from ChanghyeonYoon/master

Author: transitive-bullshit

packages/react-notion-x/src/block.tsx

@@ -88,6 +88,7 @@ export function Block(props: BlockProps) {
     disableHeader
   } = props
 
+
   if (!block) {
     return null
   }

packages/react-notion-x/src/components/asset.tsx

@@ -129,6 +129,10 @@ export function Asset({
 
   let source =
     recordMap.signed_urls?.[block.id] || block.properties?.source?.[0]?.[0]
+
+  if (block.space_id) {
+    source = source.concat('&spaceId=', block.space_id)
+  }
   let content = null
 
   if (!source) {

packages/react-notion-x/src/components/audio.tsx

@@ -12,9 +12,13 @@ export function Audio({
   className?: string
 }) {
   const { recordMap } = useNotionContext()
-  const source =
+
+  let source =
     recordMap.signed_urls[block.id] || block.properties?.source?.[0]?.[0]
 
+  if (block.space_id) {
+    source = source.concat('&spaceId=', block.space_id)
+  }
   return (
     <div className={cs('notion-audio', className)}>
       <audio controls preload='none' src={source} />

packages/react-notion-x/src/components/file.tsx

@@ -14,9 +14,14 @@ export function File({
   className?: string
 }) {
   const { components, recordMap } = useNotionContext()
-  const source =
+
+  let source =
     recordMap.signed_urls[block.id] || block.properties?.source?.[0]?.[0]
 
+  if (block.space_id) {
+    source = source.concat('&spaceId=', block.space_id)
+  }
+
   return (
     <div className={cs('notion-file', className)}>
       <components.Link