forceUpdatePlayr function was added

README.md

@@ -127,7 +127,7 @@ Param | Type | Default | Notes
 Prop | Type | Default | Notes
 --- | --- | --- | ---
 `isLoading` | Boolean | false | if use Uri tracks, you need wait for the uri will be load
-`isHaveError` | Boolean | false | use it for start at custom index of your tracks array
+`isHaveError` | Boolean | false | if your track returned error, it give you a boolean
 `trackIndex` | Number | 0 | the playing index of the tracks array
 `duration` | Number | song duration | the duration of the playing song
 `durationText` | String | song duration converted | the duration of the playing song converted to 00:00 string
@@ -167,9 +167,15 @@ Event | param | Description | Example
 `unmute` | () | unmute  the player | player.unmute()
 `forward` | () | forward to 5s later | player.forward()
 `backward` | () | backward to 5s before | player.backward()
+`forceUpdatePlayer` | () | forece Re-Render player | player.forceUpdatePlayer()
 
 </br>
 </br>
+
+### Fix Player Start by itself : </br>
+<img width="798" alt="242920537-9cedf5bb-ad7e-4488-aa03-29765826182b" src="https://github-production-user-asset-6210df.s3.amazonaws.com/73488911/267464235-98384f28-a7f8-440b-9c2c-6745bfe9135a.png">
+
+
 </br>
 
 ## License

src/index.tsx

@@ -52,6 +52,7 @@ interface Props {
  * @property {string}  player.bufferedText
  * @property {function}  player.forward
  * @property {function}  player.backward
+ * @property {function}  player.forceUpdatePlayer
  */
 export const Reaplay = ({ tracks, startIndex = 0, children }: Props) => {
   if (startIndex < 0 || startIndex > tracks.length) {
@@ -101,6 +102,7 @@ export const Reaplay = ({ tracks, startIndex = 0, children }: Props) => {
   const [fourceRepeat, setFourceRepeat] = useState<number>(0)
   const [isLoading, setIsLoading] = useState<boolean>(true)
   const [isHaveError, setIsHaveError] = useState<boolean>(false)
+  const [forcePlayerUpdate, setForcePlayerUpdate] = useState<number>(0)
   // helper states
 
   // =====================================================
@@ -383,6 +385,10 @@ export const Reaplay = ({ tracks, startIndex = 0, children }: Props) => {
     setTrackIndex(random)
   }
 
+  const forceUpdatePlayer = (): void => {
+    setForcePlayerUpdate((prev) => prev + 1)
+  }
+
   /**
    * manage isPlay state for play or pause the song
    * start timer for detect when the song ended or more ..
@@ -439,7 +445,7 @@ export const Reaplay = ({ tracks, startIndex = 0, children }: Props) => {
       // Set the isReady ref as true for the next pass
       isReady.current = true
     }
-  }, [trackIndex, fourceRepeat])
+  }, [trackIndex, fourceRepeat, forcePlayerUpdate])
 
   /**
    * clean the memory and pause the song for manage memory leak and
@@ -518,7 +524,8 @@ export const Reaplay = ({ tracks, startIndex = 0, children }: Props) => {
     speed, // the speed range, 0.5 or 1 or 2
     playSlow, // play slow playbackRate of track
     playNormal, // play normal playbackRate of track
-    playFast // play fast playbackRate of track
+    playFast, // play fast playbackRate of track
+    forceUpdatePlayer // force Re-Render Player
   }
 
   // @ts-ignore
@@ -566,4 +573,5 @@ export interface PlayerType {
   bufferedText: string
   forward: Function
   backward: Function
+  forceUpdatePlayer: Function
 }

tsconfig.json

@@ -12,7 +12,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true