/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 vote141 views2 answers
Python requests get all cookies
TypeScript
1 vote168 views2 answers
Json in typescript
TypeScript
0 vote135 views1 answer
Typescript infinite loop
TypeScript
0 vote179 views1 answer
A data analyst wants to convert their R Markdown file into another format. What are their options? Select all that apply.
TypeScript
0 vote132 views1 answer
Lire un fichier de valeurs séparées par des points (csv) dans DataFrame
TypeScript
0 vote140 views1 answer
What is hello world in typescript
TypeScript
1 vote122 views1 answer
Ts queryselectorall as htmlelement
TypeScript
0 vote138 views1 answer
Wherein typeorm
TypeScript
5 votes102 views3 answers
: mysqli_fetch_array() expects parameter 1 to be mysqli_result, array given
TypeScript
0 vote150 views1 answer
Typescript for vue
TypeScript