Can’t get query param in the React app

@rockiger thanks for the quick response.

I tried the method you suggested but to no avail.

My code is as follows:

app.js

<Router>
  <Switch>
    <Route
      path="/aggregated-analytics/:surveyId"
      component={AggregatedAnalyticsPage}
    ></Route>
    <Route path="/:id" component={SurveyPage}></Route>
  </Switch>
</Router>

And survey.js file which export the component SurveyPage has this code.

export function SurveyPage() {
  const { id } = useParams();
  const [survey, setSurvey] = useState(null);

  useEffect(() => {
    axios.get(<code>${API_URL}/surveys/${id}</code>).then((response) => {
      setSurvey(response.surveyJSON);
    });
  }, []);

  var model = new Survey.Model(survey);

  return (
    <div className="container">
      <Survey.Survey
        model={model}
      />
    </div>
  );
}

PS: To simplify things, I asked about postId in my original question. But actually, my data contains surveys. So, we can replace postId with surveyId.