/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

4 votes151 views1 answer
Get back some commits git
TypeScript
-2 votes165 views3 answers
Typescript count array condition
TypeScript
1 vote139 views2 answers
Open vsc with admin rights linux
TypeScript
0 vote213 views1 answer
Apexcharts pie chart colors
TypeScript
0 vote152 views1 answer
Check only digits in dart
TypeScript
0 vote133 views1 answer
How to pass data between requests
TypeScript
6 votes131 views1 answer
TS define dictionary
TypeScript
0 vote140 views1 answer
Pick<Pick<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
TypeScript
32 votes150 views6 answers
Bootstrap alerts
TypeScript
-1 vote137 views2 answers
Sort array elements in descending order based on object key
TypeScript