/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
How to send alert notifications to multiple destinations
TypeScript
0 vote231 views1 answer
Font awesome reeact js example
TypeScript
0 vote230 views1 answer
Calling funcionts in bash
TypeScript
19 votes215 views4 answers
Material ui icon npm
TypeScript
0 vote215 views1 answer
Group elements in list with some attributes
TypeScript
1 vote225 views1 answer
Window typescript
TypeScript
0 vote241 views1 answer
Python program to extract characters from various text files and puts them into a list
TypeScript
0 vote253 views1 answer
Typescript number to hex string
TypeScript
1 vote264 views1 answer
How to check when a number varibal = nan in ts
TypeScript
9 votes256 views1 answer
Print list without brackets int python
TypeScript