/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 vote119 views1 answer
Python program to print the contents of a directory using os module
TypeScript
26 votes137 views3 answers
How to install typescript in windows 10
TypeScript
2 votes134 views1 answer
MySQL cheatsheets pdf download
TypeScript
0 vote154 views1 answer
FIND TOP 3 students from math_11a table
TypeScript
0 vote125 views2 answers
Gradients colors in android
TypeScript
0 vote113 views1 answer
Best way to round to two typescript
TypeScript
-1 vote168 views2 answers
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'
TypeScript
1 vote123 views1 answer
Ts playground download
TypeScript
0 vote118 views1 answer
Inno add exe in service
TypeScript
6 votes125 views2 answers
Get arguments from url flask
TypeScript