feat: import paths for next modules, removing head from video player

cloudinary-community · Feb 23, 2024 · f442385 · f442385
1 parent 8b3614f
commit f442385
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/next-cloudinary/src/components/CldOgImage/CldOgImage.tsx b/next-cloudinary/src/components/CldOgImage/CldOgImage.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Head from 'next/head';
+import Head from 'next/dist/shared/lib/head.js';
 
 import { CldImageProps } from '../CldImage/CldImage';
 import { getCldImageUrl } from '../../helpers/getCldImageUrl';

diff --git a/next-cloudinary/src/components/CldUploadWidget/CldUploadWidget.tsx b/next-cloudinary/src/components/CldUploadWidget/CldUploadWidget.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
-import Script from 'next/script';
+import Script from 'next/dist/client/script.js';
 import {
   CloudinaryUploadWidgetResults,
   CloudinaryUploadWidgetInstanceMethods,

diff --git a/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx b/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx
@@ -1,6 +1,5 @@
 import React, {useRef, MutableRefObject, useEffect} from 'react';
-import Script from 'next/script';
-import Head from 'next/head';
+import Script from 'next/dist/client/script.js';
 import { parseUrl } from '@cloudinary-util/util';
 import { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo, CloudinaryVideoPlayerOptions, } from '@cloudinary-util/types';
 
@@ -237,9 +236,6 @@ const CldVideoPlayer = (props: CldVideoPlayerProps) => {
 
   return (
     <>
-      <Head>
-        <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel="stylesheet" />
-      </Head>
       <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.height}`}}>
         <video
           ref={videoRef}