/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

-1 vote291 views2 answers
React-helmet typescript
TypeScript
0 vote281 views1 answer
Elements in body don't want to center
TypeScript
0 vote277 views1 answer
Window global typescript
TypeScript
0 vote285 views1 answer
Requirements check failed for jdk 8 (
TypeScript
0 vote358 views1 answer
Supertest typescript
TypeScript
3 votes286 views4 answers
How to run typescript file
TypeScript
2 votes282 views2 answers
Singleton design pattern typescript
TypeScript
0 vote316 views1 answer
Npm run multiple scripts sequentially
TypeScript
11 votes298 views2 answers
Angular switch component
TypeScript
2 votes280 views1 answer
Prettier not working with tsx
TypeScript