/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 vote114 views1 answer
Aading two floating points in nasm assembly grepper
TypeScript
1 vote118 views1 answer
Error: Missing "key" prop for element in iterator
TypeScript
0 vote163 views1 answer
Vue bootstrap tooltip
TypeScript
0 vote113 views1 answer
Websockets socketio flask
TypeScript
14 votes103 views5 answers
Enum as type typescript
TypeScript
0 vote103 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript
0 vote119 views1 answer
Accessing formcontrol from fromgroup
TypeScript
4 votes163 views10 answers
Array
TypeScript
0 vote119 views1 answer
Stop camera if it hits edge of room gml
TypeScript
0 vote113 views1 answer
Additional data structures
TypeScript