/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 vote249 views1 answer
InsertSheet() at the beginning of active sheets google script
TypeScript
0 vote229 views1 answer
Flutter real device ios vscode
TypeScript
0 vote244 views1 answer
Return from r in restaurants orderby r.Name select r c#
TypeScript
2 votes269 views5 answers
Js create query string from object
TypeScript
2 votes258 views1 answer
Promise to observable typescript
TypeScript
0 vote253 views1 answer
Difference known_hosts authorized_keys
TypeScript
0 vote259 views1 answer
Matlab components area
TypeScript
0 vote243 views1 answer
Unknown typescript
TypeScript
0 vote269 views1 answer
AFTER RESETTING ANGULAR FORM I AM GETTING RED INVALID FORM
TypeScript
10 votes236 views3 answers
Usage typescript in react native
TypeScript