/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 vote211 views1 answer
Print file contents in git bash
TypeScript
0 vote210 views1 answer
Typescript returntype remove promise
TypeScript
0 vote238 views1 answer
Cannot declare 'TypingAnimationDirective' in an NgModule as it's not a part of the current compilation
TypeScript
0 vote194 views1 answer
Swalert 2 show loader
TypeScript
0 vote193 views1 answer
Eliminate border white around components angular
TypeScript
0 vote207 views1 answer
Print all objects linked list python
TypeScript
0 vote191 views1 answer
How can I call a method every x seconds?
TypeScript
4 votes203 views1 answer
Require('dotenv').config() typescript
TypeScript
0 vote202 views6 answers
Pdf to word converter
TypeScript
7 votes188 views5 answers
Running scripts is disabled on this system vscode
TypeScript