/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 vote213 views1 answer
Swalert 2 show loader
TypeScript
2 votes222 views2 answers
Search an array of objects with specific object property value
TypeScript
1 vote229 views1 answer
Ts date get hour
TypeScript
2 votes236 views1 answer
Reactive form programmatically set value
TypeScript
0 vote233 views1 answer
Ts vue important
TypeScript
4 votes222 views1 answer
ERR_TOO_MANY_REDIRECTS wordpress
TypeScript
0 vote214 views1 answer
How to remove the white space between two plots in r
TypeScript
0 vote234 views1 answer
Paginator
TypeScript
15 votes220 views2 answers
Angular number pipe
TypeScript
0 vote300 views1 answer
Error: ENOENT: no such file or directory, stat '/home/alafia/.steampath' npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript