🚑 fix crash when trying to see the history of a question (#392)

This pr fix a crash when trying to access the history of a question because the container was still using react-router v4 props and not react-router v6 hooks

Author: thibaudbrault

client/src/scenes/Question/scenes/Random/Random.container.js

@@ -6,12 +6,16 @@ import { query } from 'services/apollo'
 import { GET_RANDOM } from './queries'
 
 import Random from './Random'
+import { useParams } from 'react-router'
 
 export default compose(
   query(GET_RANDOM, {
-    variables: (props) => ({
-      tag: props.match.params.tag,
-    }),
+    variables: () => {
+      const params = useParams()
+      return {
+        tag: params.tag,
+      }
+    },
     fetchPolicy: 'network-only',
   }),
   withLoading(getIntl(Random)('loading')),

client/src/scenes/Question/scenes/Read/components/History/HistoryActions.container.js

@@ -6,15 +6,18 @@ import { query } from 'services/apollo'
 import { LOAD_HISTORY } from './queries'
 
 import HistoryActions from './HistoryActions'
+import { useLocation, useParams } from 'react-router'
 
 const ENTRIES_PER_PAGE = 10
 
 export default compose(
   query(LOAD_HISTORY, {
-    variables: (props) => {
-      const { page } = unserialize(props.location.search)
+    variables: () => {
+      const location = useLocation()
+      const params = useParams()
+      const { page } = unserialize(location.search)
       return {
-        nodeId: routing.getUIDFromSlug(props.match),
+        nodeId: routing.getUIDFromSlug(params),
         first: ENTRIES_PER_PAGE,
         skip: ENTRIES_PER_PAGE * (page - 1),
       }

client/src/services/routing.js

@@ -15,8 +15,8 @@ const routing = {
       history.push(arg)
     }
   },
-  getUIDFromSlug(match) {
-    return match.params.slug.split('-').pop()
+  getUIDFromSlug(params) {
+    return params.slug.split('-').pop()
   },
   getShareUrl(UID) {
     return `${window.location.origin}/q/${UID}`