React路由器，版本6

• 因为[Elements]不是<Route>组件，所以它不能 Package 在<Route>内。这意味着Elements应该放置在<Route>之外。
• <Routes>的所有子组件必须是<Route>或

因此，如果存在<Route>组件，则必须将其 Package 在<Routes>周围。
上述语句会导致以下语法（在您的情况下，存在受保护路由）：

<Elements stripe={loadStripe(stripeApiKey)}>
    <Routes>
        <Route exact path="/process/payment" element={<ProtectedRoute />}>
            <Route exact path="/process/payment" element={<Payments />} />
        </Route>
     </Routes>
</Elements>

{stripeApiKey && (
   <Route path='/process/payment' 
   element={
  <ProtectedRoute>
  <Elements stripe={loadStripe(stripeApiKey)}>
  <Payment />
  </Elements>
  </ProtectedRoute>
    } />
 )}

这个错误很明显：在<Router>内，所有直接子节点必须是路由。
将<Elements> Package 移动到element={...}内部。

<Route
  path="/process/payment"
  element={
    <ProtectedR>
      <Elements stripe={loadStripe(stripApikey)}>
        <Payments />
      </Elements>
    </ProtectedR>
  }
/>