Next.js 从react路由器dom到NextJS的转换

我不知道如何在NextJS中使用路由器api而不是react路由器dom复制这个

import { Route, Redirect } from "react-router-dom";
import auth from "../../services/authService";

const ProtectedRoute = ({ path, component: Component, render, ...rest }) => {
  return (
    <Route
      {...rest}
      render={props => {
        if (!auth.getCurrentUser())
          return (
            <Redirect
              to={{
                pathname: "/login",
                state: { from: props.location }
              }}
              j
            />
          );
        return Component ? <Component {...props} /> : render(props);
      }}
    />
  );
};

export default ProtectedRoute;

从“react router dom”导入{Route，Redirect}；
从“../../services/authService”导入身份验证；
const ProtectedRoute=（{path，component:component，render，…rest}）=>{
返回(
{
如果（！auth.getCurrentUser（））
返回(
);
返回组件？：渲染（道具）；
}}
/>
);
};
导出默认的ProtectedRoute；

这是这样使用的：

 <ProtectedRoute path="/form/:id" component={Form} />