create-powerapps-project 2.3.1 → 2.3.3

package/lib/plopfile.js

@@ -337,7 +337,7 @@ export default async (plop) => {
                     type: 'append',
                     path: `${process.cwd()}/eslint.config.mjs`,
                     pattern: 'reactPlugin.configs.flat.recommended,',
-                    template: '\treactHooks.configs.flat.recommended,',
+                    template: '\treactHooksPlugin.configs.flat.recommended,',
                     separator: '\n'
                 },
                 {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-powerapps-project",
   "description": "💧 plop generator for Dataverse development",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "license": "MIT",
   "exports": "./lib/index.js",
   "engines": {

package/plop-templates/pcf/App.tsx

@@ -1,12 +1,13 @@
-import React from 'react';
+import * as React from 'react';
 import { IInputs } from './generated/ManifestTypes';
 import { AppContext } from './contexts/AppContext';
+import { FluentProvider, Theme } from "@fluentui/react-components";
 
-export const App = ({ context }: { context: ComponentFramework.Context<IInputs>; }) => {
+export function App({ context }: { context: ComponentFramework.Context<IInputs>; }) {
   return (
     <AppContext.Provider value=\{{ context }}>
+      <FluentProvider theme={context.fluentDesignLanguage?.tokenTheme as Theme}>
+      </FluentProvider>
     </AppContext.Provider>
   );
-};
-
-App.displayName = 'App';
+}

package/plop-templates/pcf/AppContext.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { IInputs } from '../generated/ManifestTypes';
 
 export interface IAppContext {