handle updated sdk

Author: jnsdls

docs/react.mediarendererprops.md

@@ -18,6 +18,6 @@ export interface MediaRendererProps extends SharedMediaProps
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [alt?](./react.mediarendererprops.alt.md) | string | <i>(Optional)</i> The alt text for the media. |
-|  [poster?](./react.mediarendererprops.poster.md) | string | <i>(Optional)</i> The media poster image uri. (if applicable) |
-|  [src?](./react.mediarendererprops.src.md) | string | <i>(Optional)</i> The media source uri. |
+|  [poster?](./react.mediarendererprops.poster.md) | string \| null | <i>(Optional)</i> The media poster image uri. (if applicable) |
+|  [src?](./react.mediarendererprops.src.md) | string \| null | <i>(Optional)</i> The media source uri. |
 

docs/react.mediarendererprops.poster.md

@@ -9,5 +9,5 @@ The media poster image uri. (if applicable)
 <b>Signature:</b>
 
 ```typescript
-poster?: string;
+poster?: string | null;
 ```

docs/react.mediarendererprops.src.md

@@ -9,5 +9,5 @@ The media source uri.
 <b>Signature:</b>
 
 ```typescript
-src?: string;
+src?: string | null;
 ```

docs/react.useunclaimednfts.md

@@ -15,10 +15,10 @@ Use this to get a list of \*unclaimed\* NFT tokens of your ERC721 Drop contract.
 export declare function useUnclaimedNFTs(contract: RequiredParam<NFTDrop>, queryParams?: QueryAllParams): import("react-query").UseQueryResult<{
     [x: string]: import("@thirdweb-dev/sdk").Json;
     name?: string | undefined;
-    description?: string | undefined;
-    image?: string | undefined;
-    external_url?: string | undefined;
-    animation_url?: string | undefined;
+    description?: string | null | undefined;
+    image?: string | null | undefined;
+    external_url?: string | null | undefined;
+    animation_url?: string | null | undefined;
     uri: string;
     id: BigNumber;
 }[], unknown>;
@@ -33,7 +33,7 @@ export declare function useUnclaimedNFTs(contract: RequiredParam<NFTDrop>, query
 
 <b>Returns:</b>
 
-import("react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; name?: string \| undefined; description?: string \| undefined; image?: string \| undefined; external\_url?: string \| undefined; animation\_url?: string \| undefined; uri: string; id: BigNumber; }\[\], unknown&gt;
+import("react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; name?: string \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: BigNumber; }\[\], unknown&gt;
 
 a response object that includes an array of NFTs that are unclaimed
 

etc/react.api.md

@@ -142,8 +142,8 @@ export const MediaRenderer: React_2.ForwardRefExoticComponent<MediaRendererProps
 // @public
 export interface MediaRendererProps extends SharedMediaProps {
     alt?: string;
-    poster?: string;
-    src?: string;
+    poster?: string | null;
+    src?: string | null;
 }
 
 // @public (undocumented)
@@ -848,10 +848,10 @@ export function useTotalCirculatingSupply(contract: RequiredParam<NFTContract>):
 export function useUnclaimedNFTs(contract: RequiredParam<NFTDrop>, queryParams?: QueryAllParams): UseQueryResult<    {
 [x: string]: Json;
 name?: string | undefined;
-description?: string | undefined;
-image?: string | undefined;
-external_url?: string | undefined;
-animation_url?: string | undefined;
+description?: string | null | undefined;
+image?: string | null | undefined;
+external_url?: string | null | undefined;
+animation_url?: string | null | undefined;
 uri: string;
 id: BigNumber;
 }[], unknown>;

src/components/MediaRenderer.tsx

@@ -35,15 +35,15 @@ export interface MediaRendererProps extends SharedMediaProps {
   /**
    * The media source uri.
    */
-  src?: string;
+  src?: string | null;
   /**
    * The alt text for the media.
    */
   alt?: string;
   /**
    * The media poster image uri. (if applicable)
    */
-  poster?: string;
+  poster?: string | null;
 }
 
 interface PlayButtonProps {
@@ -136,8 +136,8 @@ const VideoPlayer = React.forwardRef<
       <div style={{ position: "relative", ...style }} {...restProps}>
         <video
           ref={mergeRefs([videoRef, ref])}
-          src={src}
-          poster={poster}
+          src={src ?? undefined}
+          poster={poster ?? undefined}
           loop
           playsInline
           muted={muted}
@@ -263,7 +263,7 @@ const AudioPlayer = React.forwardRef<
         />
         <audio
           ref={mergeRefs([audioRef, ref])}
-          src={src}
+          src={src ?? undefined}
           loop
           playsInline
           muted={muted}
@@ -317,7 +317,7 @@ const IframePlayer = React.forwardRef<
         ref={observe}
       >
         <iframe
-          src={playing ? src : undefined}
+          src={playing ? src ?? undefined : undefined}
           ref={ref}
           style={{
             objectFit: "contain",
@@ -411,7 +411,7 @@ const LinkPlayer = React.forwardRef<
                 textDecoration: "underline",
                 color: "rgb(138, 147, 155)",
               }}
-              href={src}
+              href={src ?? undefined}
               target="_blank"
               ref={ref as unknown as React.LegacyRef<HTMLAnchorElement>}
             >
@@ -461,8 +461,8 @@ export const MediaRenderer = React.forwardRef<
     ref,
   ) => {
     const mergedStyle: React.CSSProperties = { objectFit: "contain", ...style };
-    const videoOrImageSrc = useResolvedMediaType(src);
-    const possiblePosterSrc = useResolvedMediaType(poster);
+    const videoOrImageSrc = useResolvedMediaType(src ?? undefined);
+    const possiblePosterSrc = useResolvedMediaType(poster ?? undefined);
     if (!videoOrImageSrc.mimeType) {
       return (
         <img

yarn.lock

@@ -989,9 +989,9 @@
   integrity sha512-TUWo1vV6kEDZGfLRv9wJFxAkncc2lLCfPUN2YJp/4Ggqlm4ZdeELW2Y4cV+H8DMeiMO4ROLKNa2PUUHTQH2SJg==
 
 "@thirdweb-dev/sdk@^2.2.10":
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/@thirdweb-dev/sdk/-/sdk-2.2.10.tgz#d7f4a99263e12bc44bf4bf52be28e62f6eade7cd"
-  integrity sha512-w5NMWtmlWuzWMcUZUMwQy1MWAmkbBD7oEqCYC07a/uipUcZnS5NQ0+6XZPuRp1/2FNjxeInyeS9ZGwJISfaJxg==
+  version "2.2.11"
+  resolved "https://registry.yarnpkg.com/@thirdweb-dev/sdk/-/sdk-2.2.11.tgz#eeb2ea88e3a16a8cea634094e06a7f6478d279d4"
+  integrity sha512-oFRgmSXysG64ZT+9DpDCwVUSg09HjvTgyi6u6yYjXmir8CgVmwQHVhBxOUGXmG3oHgFDenUtdxmma3Vvdoi8mg==
   dependencies:
     "@thirdweb-dev/contracts" "2.3.6"
     "@web-std/file" "^3.0.0"