/TypeScript/React router dom private route typescript

React router dom private route typescript

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Source: stackoverflow.com

Similar codes

0 vote307 views1 answer
Optional chaining
TypeScript
0 vote321 views1 answer
Test coverage techniques
TypeScript
0 vote321 views1 answer
This expression is not callable. typescript angular 11 socket.io
TypeScript
34 votes330 views3 answers
Serverless.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
1 vote291 views1 answer
React-draggable disable
TypeScript
0 vote297 views1 answer
Get one property from list of objects linq
TypeScript
0 vote294 views1 answer
Typescript blob to base64
TypeScript
2 votes305 views3 answers
Jquery don't empty specific form field after submit
TypeScript
0 vote297 views1 answer
Typescript tutorial nodejs
TypeScript
0 vote303 views1 answer
Typescript instantiate 2d array
TypeScript