/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

7 votes135 views3 answers
Ts await foreach loop
TypeScript
0 vote155 views1 answer
Tensorflow 1.15 doesn't exists within pip instal
TypeScript
2 votes147 views2 answers
Length array angular
TypeScript
0 vote164 views2 answers
Bootstrap dropdown menu not showing
TypeScript
3 votes160 views1 answer
Whats the binary nmber system
TypeScript
0 vote140 views1 answer
Typescript find non matching objects in two arrays
TypeScript
0 vote155 views1 answer
@Jaredmiro12
TypeScript
1 vote195 views1 answer
Vue router get full string query
TypeScript
2 votes145 views2 answers
Typeorm find orderby
TypeScript
0 vote178 views1 answer
Whats the tempurature
TypeScript