base url

Author: fourcels

docs/docs/getting-started.mdx

@@ -30,8 +30,8 @@ function MyApp() {
 ```jsx live
 <ImageUpload
   value={[
-    "/img/undraw_docusaurus_mountain.svg",
-    "/img/undraw_docusaurus_react.svg",
+    "../img/undraw_docusaurus_mountain.svg",
+    "../img/undraw_docusaurus_react.svg",
   ]}
   max={5}
   dropzoneOptions={{ onDragEnter: (evt) => console.log(evt) }}
@@ -61,9 +61,9 @@ function MyApp() {
 ```jsx live
 <ImageUpload
   value={[
-    "/img/undraw_docusaurus_mountain.svg",
-    "/img/undraw_docusaurus_react.svg",
-    "/img/undraw_docusaurus_tree.svg",
+    "../img/undraw_docusaurus_mountain.svg",
+    "../img/undraw_docusaurus_react.svg",
+    "../img/undraw_docusaurus_tree.svg",
   ]}
   readonly
 />

docs/src/pages/index.tsx

@@ -3,6 +3,7 @@ import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Heading from "@theme/Heading";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 
 import styles from "./index.module.css";
 import { ImageUpload } from "@fourcels/react-image-upload";
@@ -44,9 +45,9 @@ export default function Home(): JSX.Element {
         <div className={styles.example}>
           <ImageUpload
             value={[
-              "img/undraw_docusaurus_mountain.svg",
-              "img/undraw_docusaurus_react.svg",
-              "img/undraw_docusaurus_tree.svg",
+              useBaseUrl("img/undraw_docusaurus_mountain.svg"),
+              useBaseUrl("img/undraw_docusaurus_react.svg"),
+              useBaseUrl("img/undraw_docusaurus_tree.svg"),
             ]}
           />
         </div>