/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 vote152 views2 answers
Android java loop through all objects in layout
TypeScript
8 votes167 views2 answers
How to sort a list of objects python
TypeScript
0 vote139 views1 answer
How to make element increase in height as its innerHTML's height exapands
TypeScript
0 vote151 views1 answer
Copy elements from one array to another java
TypeScript
2 votes150 views1 answer
React.children
TypeScript
0 vote159 views1 answer
Tiqets endpoints
TypeScript
6 votes141 views2 answers
How to print 4 digits after decimal in c++
TypeScript
0 vote161 views1 answer
Unresolved import requests python
TypeScript
0 vote152 views1 answer
Python get list elements missing in one list
TypeScript
1 vote137 views1 answer
Mongodb match multiple nested
TypeScript