/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 vote285 views1 answer
Append scripts using jquery
TypeScript
0 vote288 views1 answer
Ex term 15
TypeScript
1 vote269 views1 answer
Git writing objects slow
TypeScript
0 vote301 views1 answer
Get-dirstats not recognized
TypeScript
0 vote222 views1 answer
Cmd move file to parent folder
TypeScript
31 votes269 views4 answers
How to see all commits in git
TypeScript
37 votes339 views5 answers
Create react project with typescript
TypeScript
0 vote286 views1 answer
I like
TypeScript
0 vote254 views1 answer
How to print certain elements of an array
TypeScript
0 vote295 views1 answer
Print file contents in git bash
TypeScript