/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 vote164 views1 answer
Typescript doesn't know type of HTML element
TypeScript
22 votes241 views3 answers
Typescript cast string to number
TypeScript
192 votes412 views27 answers
Reduce javascript
TypeScript
0 vote185 views1 answer
Google sheets add all numbers in a column with condition
TypeScript
0 vote170 views1 answer
Formula: =concatenate(transpose(xxxxx)) highlight transpose (xxxx), press "ctrl" + "=" then delete front and back curly brackets "{ }" enter Add grepper answer
TypeScript
0 vote173 views1 answer
Curl send 100 requests parallel
TypeScript
27 votes220 views6 answers
Router.navigate angular
TypeScript
1 vote174 views1 answer
Download and run exploits from exploit-db
TypeScript
45 votes210 views6 answers
Typescript react app
TypeScript
0 vote169 views1 answer
How to choose automation over manual testing
TypeScript