/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 votes224 views2 answers
Initialize empty array typescript
TypeScript
0 vote160 views1 answer
Network analysis projects code python graph and histogram with data facbook
TypeScript
0 vote226 views2 answers
Error: "Filesystem" plugin is not implemented on android
TypeScript
16 votes161 views6 answers
Create react native app typescript
TypeScript
1 vote154 views1 answer
Nmap to find open ports kali linux
TypeScript
0 vote140 views1 answer
How to compile automatically in typescript
TypeScript
0 vote148 views1 answer
Optional chaining
TypeScript
0 vote160 views1 answer
Using method parameters in a guard nestjs
TypeScript
1 vote158 views1 answer
Matlab run all tests in folder
TypeScript
2 votes179 views1 answer
Reactive form programmatically set value
TypeScript