go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/examples/reactjs/example_app/index.tsx (about)

     1  // Copyright 2022 The LUCI Authors.
     2  //
     3  // Licensed under the Apache License, Version 2.0 (the "License");
     4  // you may not use this file except in compliance with the License.
     5  // You may obtain a copy of the License at
     6  //
     7  //      http://www.apache.org/licenses/LICENSE-2.0
     8  //
     9  // Unless required by applicable law or agreed to in writing, software
    10  // distributed under the License is distributed on an "AS IS" BASIS,
    11  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  // See the License for the specific language governing permissions and
    13  // limitations under the License.
    14  
    15  import React from 'react';
    16  import { createRoot } from 'react-dom/client';
    17  import { BrowserRouter } from 'react-router-dom';
    18  
    19  import createInnerHTMLSanitizingPolicy from '@chopsui/trusted-types-policy';
    20  
    21  import App from './App';
    22  
    23  /**
    24   * DO NOT DELETE
    25   *
    26   * This line initializes the HTML trusted types policy.
    27   * This policy makes sure that no dangerous HTML can be
    28   * inserted in the DOM without sanitization, reducing the risk
    29   * of XSS that can be introduced by your code or a library
    30   * that you use.
    31   */
    32  createInnerHTMLSanitizingPolicy();
    33  
    34  const container = document.getElementById('app-root');
    35  // Below ESlint is disabled based on ReactJS recommendation
    36  // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis
    37  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
    38  const root = createRoot(container!);
    39  root.render(
    40      <BrowserRouter>
    41        <App />
    42      </BrowserRouter>);