/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

12 votes148 views4 answers
Delete contents of directory python
TypeScript
0 vote131 views1 answer
Cannot declare 'TypingAnimationDirective' in an NgModule as it's not a part of the current compilation
TypeScript
0 vote110 views1 answer
Real time charts in flutter
TypeScript
0 vote58 views1 answer
Feature counts bioconda
TypeScript
0 vote68 views1 answer
How to show component in another component angular
TypeScript
0 vote112 views1 answer
Typescript final example
TypeScript
0 vote115 views1 answer
How to add array of objects in swagger 2.0
TypeScript
2 votes119 views1 answer
Numeric data type is returned as String
TypeScript
-1 vote114 views1 answer
What is lexicographically smallest string
TypeScript
8 votes122 views6 answers
Woocommerce products shortcode
TypeScript