a different approach for TS compile issues

Author: KoolADE85

@plotly/dash-generator-test-component-typescript/src/props.ts

@@ -1,6 +1,11 @@
 // Needs to export types if not in a d.ts file or if any import is present in the d.ts
 import React from 'react';
-import {DashComponent} from '@dash-renderer/types';
+
+type DashComponent = {
+ props: string;
+ namespace: string;
+ children?: [];
+}
 
 
 type Nested = {

@plotly/dash-generator-test-component-typescript/tsconfig.json

@@ -3,7 +3,6 @@
  "jsx": "react",
  "baseUrl": "src/ts",
  "paths": {
- "@dash-renderer/*": ["../../../../dash/dash-renderer/src/*"]
  },
  "inlineSources": true,
  "sourceMap": true,

components/dash-core-components/src/components/Tabs.tsx

@@ -121,9 +121,9 @@ function Tabs({
  const firstChildren: TabProps = window.dash_component_api.getLayout(
  [...children[0].props.componentPath, 'props']
  );
- return firstChildren.value;
+ return firstChildren.value ?? 'tab-1';
  }
- return undefined;
+ return 'tab-1';
  };
 
  // Initialize value on mount if not set
@@ -271,7 +271,11 @@ function Tabs({
  );
 }
 
-Tabs.dashPersistence = true;
+Tabs.dashPersistence = {
+ persisted_props: [PersistedProps.value],
+ persistence_type: PersistenceTypes.local,
+};
+
 Tabs.dashChildrenUpdate = true;
 
 export default Tabs;

dash/dash-renderer/src/wrapper/DashWrapper.tsx

@@ -391,7 +391,7 @@ function DashWrapper({
 
  if (node !== undefined) {
  if (isArray) {
- for (let j = 0; j < (node as []).length; j++) {
+ for (let j = 0; j < node.length; j++) {
  const aPath = concat([opath], [j]);
  props = assocPath(
  aPath,