/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 vote199 views1 answer
Class-validator not working nest-typescript-starter
TypeScript
7 votes220 views2 answers
Typescript axios
TypeScript
1 vote194 views3 answers
Functional components react
TypeScript
3 votes164 views4 answers
How to run typescript file
TypeScript
2 votes180 views2 answers
Close mat dialog from component
TypeScript
0 vote182 views1 answer
Cluster on lists of values that start with a certain value
TypeScript
0 vote194 views2 answers
Module '"@angular/fire"' has no exported member 'AngularFirestore'
TypeScript
1 vote182 views1 answer
Headphone disconnects in ubuntu
TypeScript
0 vote172 views1 answer
Change field name relation typeorm
TypeScript
0 vote224 views1 answer
How to git pull all projects in a folder
TypeScript