/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

14 votes234 views2 answers
Upgrade to typescript in react js
TypeScript
1 vote197 views1 answer
Get posts from selected taxonomy
TypeScript
0 vote239 views1 answer
Jest not toBe
TypeScript
1 vote216 views2 answers
Gets syntax
TypeScript
7 votes207 views3 answers
Mongo count elements in array
TypeScript
9 votes257 views2 answers
Open and append to file python if exists if not create
TypeScript
5 votes266 views3 answers
Jquery id that starts with
TypeScript
1 vote221 views2 answers
Property 'style' does not exist on type 'Element'
TypeScript
0 vote223 views1 answer
How to update objects in locall storage
TypeScript
4 votes216 views2 answers
Cannot find module '../../images/home.svg' or its corresponding type declarations
TypeScript