/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 vote330 views1 answer
Angular tokenize
TypeScript
1 vote308 views1 answer
Typescript type check only
TypeScript
1 vote307 views1 answer
Mysql database exists or not
TypeScript
2 votes305 views1 answer
All elements that begin with r
TypeScript
1 vote286 views1 answer
Dynamic imports are only supported when the '--module' flag is set to 'es2020', 'esnext', 'commonjs', 'amd', 'system', or 'umd'.
TypeScript
0 vote307 views1 answer
Deno allow net
TypeScript
0 vote312 views1 answer
Typescript api request header
TypeScript
0 vote316 views2 answers
Kotlin get first n elements from list
TypeScript
2 votes311 views1 answer
Iterate dictionary ts
TypeScript
1 vote330 views1 answer
Find value in array ts
TypeScript