Merge pull request #1654 from SUI-Components/feat/avoid-router-rerender

feat(packages/sui-react-router): avoid extra render during first load

packages/sui-react-router/src/Router.js

@@ -66,15 +66,27 @@ const Router = ({
 
   useEffect(() => {
     let prevState = {}
+    let isSkipped = !!matchContext
+
     const handleTransition = (err, nextState) => {
       if (err) {
         if (onError) return onError(err)
         throw err
       }
 
       // avoid not needed re-renders of the state if the prevState and the nextState
-      // are the same reference
-      if (prevState === nextState) return
+      // are the same reference or if the first render
+
+      if (isSkipped) {
+        isSkipped = false
+        prevState = nextState
+        return
+      }
+
+      if (prevState === nextState) {
+        return
+      }
+
       prevState = nextState
 
       const {components, params, location, routes} = nextState